如何检查对象是否已准备好在模板Angular中使用？

Question

我有一个自定义类，该类在Angular组件的构造函数中初始化：

public constructor() {
    this.custom = new Custom();
}

在模板中，我使用以下实例this.custom：

<div>{{custom.count()}}</div>

问题是，有时对象this.custom尚未准备就绪，因此无法在其中找到方法count()。

如何在模板中检查呢？

我尝试过：

<div ngif="custom.count()"></div>

Answer 1

您可以使用safe navigation operator ?.：

<div>{{custom?.count()}}</div>

或使用*ngIf有条件地显示元素：

<div *ngIf="!!custom">{{custom.count()}}</div>