angular - 如何将 *ngIf 绑定(bind)到模板中的 *not* 条件？

我需要在 html 模板中显示“加载”面板，直到检索到结果并将其绑定(bind)到组件 vm View 模型变量。所以像这样:

<div *ngNotIf="vm.SearchResults">
Please Wait
</div>

此外，在尝试引用 vm.SearchResults 之前，我需要确保 vm 存在。在 ng2+ 中这样做的好方法是什么？

最佳答案

<div *ngIf="!vm?.SearchResults">

感叹号(或 bang)符号是“非”运算符。

问号是“安全导航”操作符。

或者您可以使用或 (||)

<div *ngIf="!vm || !vm.SearchResults">

关于angular - 如何将 *ngIf 绑定(bind)到模板中的 *not* 条件？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46081042/