如何在angular4中的ngif中使用'or'语句？答案

【问题标题】：how to use 'or' statement in ngif in angular4?如何在angular4中的ngif中使用'or'语句？
【发布时间】：2018-03-16 00:28:50
【问题描述】：

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

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

我正在使用“||”表示“或”语句。

现在状态变量='canceled'，通常它不应该显示'something'，但是在测试中'something'文本仍然存在。

如果我使用下面的语句，“某事”文本会消失。

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

如果我使用了该语句，它仍然不起作用，所以它似乎不是订购问题。

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

有什么问题吗？

【问题讨论】：

【解决方案1】：

你有一个逻辑错误。如果变量等于取消也不同打开，所以条件的结果为真。

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

【讨论】：