angular2在模板中使用屬性引起Cannot read property 'xxx' of undefined

angular在模板中使用屬性引起Cannot read property 'xxx' of undefined

在使用ng2的過程當中,發現模板中以下方式

<li *ngFor="let item of model">

{{item.name}}
</li>

不會又任何問題.

若是是一下未使用結構指令方式,直接使用組件的屬性

<li >

{{model.name}}
</li>

就會報錯null錯誤,一開始百思不得其解,後來搞明白,model是異步請求獲取的數據,在定義的時候let mode:any 時是屬於unde值,而這時組件模板已經開始渲染了,也就會引起異常,知道緣由,這就好辦了,又兩種方式能夠處理:

1.定義組件屬性的時候初始化對象: let mode:any={};

2.在模板中使用ngIf指令:<li *ngIf="model">{{model.name}} </li>

以上兩種方式均能保證組件模板在第一次初始化時不會由於null屬性引用引起異常.