角度 ng-if 子句不能双向工作

Question

>我在表中显示一个 json，如下所示：

<tr ng-repeat="room in allRooms | orderBy: 'OpenTime'">

其中 allRooms 包含如下 json 对象：

{
  "Name": "Room five",
  "OpenTime": "2016-02-19 00:00:00",
  "Entries": 2,
  "Capacity": 10,
  "Type": "TypeThree"
}

并且 Type 属性可以是五个不同的值之一("类型一"、"类型二"、"类型三"等(

我想使用 ng-if 在列中显示按钮，前提是 Type 不是"typeOne"或"typeTwo"，例如：

<button type="button" ng-if="room.Type != 'typeOne' || room.Type != 'typeTwo'"></button>

这对我不起作用，尽管这是我所需要的。

但是，这(虽然它没有达到我需要的(确实有效：

<button type="button" ng-if="room.Type == 'typeOne' || room.Type == 'typeTwo'"></button>

所以我想知道为什么第二个 ng-if 可以正常工作，而第一个没有，当两者之间的唯一区别是使用等于或不等于运算符时？

Answer 1

这里的问题出在你的逻辑上。在不知道所有房间的数据中有什么的情况下，我可以通过使用数字最好地说明为什么第一个 if 语句很奇怪。假设 if 语句如下：

if (a !== 1 || a !== 2)

如果陈述永远是正确的。不能是其他的，因为如果值为 1，则不是 2，如果值为 2，则不是 1。因此，第一个 if 语句的问题在于它总是计算为 true，永远不会为 false。

您可能想要的是以下内容：

if (a !== 1 && a !== 2)

在这种情况下，if 语句将针对小于 1 和大于 2 的整数传递，对于 1 或 2 将失败。事实上，它会传递任何值，无论是否整数！