dart angular2 - 在模板中渲染对象时出现null错误

Question

我想在我的模板中写下：

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

然而myObject在我的ngOnInit中被初始化，并且在呈现页面时我的对象似乎仍为null，因为我有以下错误

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覆盖更大的块或整个模板，而不是在任何地方添加?。