鏢angular2 - 模板

Question

渲染對象時，空的錯誤，我想在我的模板像這樣寫：

<span>{{myObject.myField}}</span> 

然而myObject我ngOnInit被初始化，並且我的目標似乎仍是空當呈現頁面時，因爲我有以下錯誤

NullError: method not found: 'myField' on null 

如果我只是把我的模板

<span>{{myObject}}</span> 

我可以看到myObject的值。

有沒有辦法在OnInit之前初始化我的對象？有另一種顯示我的數據的方法嗎？

感謝您的幫助。

Answer 1

您可以使用安全的導航操作

<span>{{myObject?.myField}}</span> 

以防止出現錯誤而模型尚未完全初始化

或者你可以用元素與*ngIf，以防止它們被渲染時模型尚未初始化

<span *ngIf="myObject != null">{{myObject.myField}}</span> 

這樣您可以覆蓋更大的塊或整個模板與一個單一的*ngIf而不是在任何地方添加?。