我有下面的界面

export interface ProductCommand extends ProductDetailsCommand { }

productdetailscommand接口

export interface ProductDetailsCommand {
    id: string;
    active: boolean;
    archive: boolean;
    title: string;
    description: string;
    category: CategoryVendorCommand;
    subCategory: CategoryVendorCommand;
    tags: string[];
    vendor: CategoryVendorCommand;
}

在组件中

private productCommand: ProductCommand = {} as ProductCommand;

我正在尝试分配活动属性的值

onMenuClick(menuItem: number, id: string): void {
    switch (menuItem) {
      case 1:
        this.productCommand.active = true;
        this.productCommand.archive = null;
        this.store.dispatch(UPDATE_PRODUCT({ id: id, product: this.productCommand }));
        break;
      case 2:
        this.productCommand.active = false;
        this.productCommand.archive = null;
        this.store.dispatch(UPDATE_PRODUCT({ id: id, product: this.productCommand }));
        break;
      case 3:
        this.productCommand.active = null;
        this.productCommand.archive = true;
        this.store.dispatch(UPDATE_PRODUCT({ id: id, product: this.productCommand }));
        break;
    }
  }
}

在第二次赋值时出现异常，在第一次赋值时，我不会得到此异常，但是，在第二次赋值时，我得到此异常

ERROR TypeError: Cannot assign to read only property 'active' of object '[object Object]'
    at ProductDashboardTableComponent.onMenuClick (product-dashboard-table.component.ts:77)
    at ProductDashboardTableComponent_td_27_Template_button_click_16_listener (product-dashboard-table.component.html:82)
    at executeListenerWithErrorHandling (core.js:15272)
    at wrapListenerIn_markDirtyAndPreventDefault (core.js:15316)
    at HTMLButtonElement.<anonymous> (platform-browser.js:560)
    at ZoneDelegate.invokeTask (zone.js:406)
    at Object.onInvokeTask (core.js:28645)
    at ZoneDelegate.invokeTask (zone.js:405)
    at Zone.runTask (zone.js:178)
    at ZoneTask.invokeTask [as invoke] (zone.js:487)
``` `console.log(this.productCommand)` 在单击处理程序中：
![](https://i.stack.imgur.com/D80gX.png)