如何在 Angular4 中使用 NGIF 中的'or'语句？

Question

我正在使用angular4，下面的代码试图在状态变量上显示信息基础。

<div *ngIf="state!='open' || state!='canceled'"> something </div>

我使用"||"来表示"或"语句。

现在状态变量="取消"，通常它不应该显示"某物"，但是在测试中"某物"文本仍然存在。

如果我使用下面的语句，则可以使"某些"文本消失。

<div *ngIf="state!='canceled'"> something </div>

如果我使用该语句，它仍然不起作用，因此它似乎不是排序问题。

<div *ngIf="state!='canceled'"|| state!='open'  > something </div>

有什么不对吗？

Answer 1

您有逻辑错误。 如果变量等于 取消 也不同于打开，因此条件的结果将为真。

Answer 2

我认为这里唯一的问题是在您的 ngIf 逻辑之前关闭开始标签。

Answer 3

ngIf必须像任何常规 HTML 属性一样包含在div 标签中。