如何使用ng-if三元？

Question

例如，我想显示$scope.test === 'hi"元素。我如何实现这一目标？

我试过了：

<div ng-if = " {{test}} == 'hi' ? true : false "> 
  Show this if $scope.test is equal to 'hi' 
</div>

示例here似乎无效。 My fail plunker.

Answer 1

由于ng-if需要布尔值，因此您不需要三元组。这样做：

<div ng-if = "test == 'hi'"> 
  Show this if $scope.test is equal to 'hi' 
</div>

如果您愿意，您仍然可以使用三元组，您只需要插入变量：test == 'hi' ? true : false

问题在于你真正的老版Angular版本。请参阅使用1.3：http://plnkr.co/edit/cKZkOe1O4EBiIWeirlZ2?p=preview

Answer 2

庵。您不能在{{}}中使用ng-if。

<div ng-if = " test == 'hi'"> 
Show this if $scope.test is equal to 'hi' 
</div>

以上作品

修改

这是因为你的傻瓜失败了 ng-if指令是在角度1.1.5之后提供的，你使用的是1.0.5。

工作版

http://plnkr.co/edit/3XHe1Ngw1Ntv5FCTBJwA

Answer 3

您不需要此处使用三元表达式，只需使用ng-show。

<div ng-show="test"></div>