angular - 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覆盖较大的块或整个模板，而不是在各处添加 ?。