将 null 分配给 angular 4 中的接口

Question

我有一个 angular4 接口

interface StatusDetail {
    statusName: string,
    name: string
}

我已经为它分配了一些值

//角度组件

     export class EditComponent implements OnInit{
         statusDetail: StatusDetail;
         ngOnInit() {
           this.statusDetail.statusName = 'text Status';
           this.statusDetail.name= 'text Name';
         }
     }  

我正在尝试像这样重置为默认空值

         SetNull() { 
           this.statusDetail = null
         }

但它给出了错误

类型 null 不可分配给类型 StatusDetail

我怎样才能做到这一点？

Answer 1

您需要声明statusDetail为StatusDetail | null：

export class EditComponent implements OnInit{
     statusDetail: StatusDetail | null;
     ngOnInit() {
       this.statusDetail.statusName = 'text Status';
       this.statusDetail.name= 'text Name';
     }
 }