ng-if指令中的AngularJS大写

时间:2014-09-12 10:37:32

标签: angularjs

为什么下面的一个不起作用?我需要将IsValue转换为大写值,然后需要使用NO值进行检查。我该怎么做?

   <td class="red-color" ng-if="item.IsValue | uppercase == 'NO'">{{item.IsValue}}</td>

3 个答案:

答案 0 :(得分:14)

在比较值之前,请确保已应用uppercase过滤器(使用()):

<td class="red-color" ng-if="(item.IsValue | uppercase) == 'NO'">{{item.IsValue}}</td>

这是working plunker

答案 1 :(得分:1)

如果我理解正确,你想要检查一个值,然后在某处(?)以大写形式显示它,这样你就可以了: ng-if只会检查值。如果是&#34;测试&#34;它会将其显示为大写。

 <div ng-controller="MyCtrl">
  <p class="red-color" ng-if="item.IsValue == 'test'">{{item.IsValue | uppercase}}</p>
  <input ng-model="item.IsValue" type="text">
 </div>

JS

 function MyCtrl($scope) {
  $scope.item = {IsValue: 'UpPerCASE'};
 }

demo

字符串比较区分大小写,所以如果你想要的是将它转换然后进行比较,你会串起来。toUppeCcase()或者使用angular method

答案 2 :(得分:0)

AngularJS接受以&#39; n&#39;开头的任何字词值。或者&#39; N&#39;假的。如果您的模型值不同,则不需要转换大写字母并检查值。不,&#39;是,&#39;是&#39;。

<td class="red-color" ng-if="item.IsValue">{{item.IsValue}}</td>

可能只适用于许多用例。