AngularJS uppercase inside the ng-if directive

Question

Why below one is not working ? I need to convert the IsValue into uppercase value and then need to check it with the NO value.How can I do that ?

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

Answer 1

Make sure the uppercase filter is applied (using ()) before comparing the value:

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

Here is a working plunker.

Answer 2

If I understand correctly, you want to check for a value and then display it in uppercase somewhere (?) so this will get you going: the ng-if will just check the value. If it is "test" it will display it as uppercase.

 <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

the string comparison is case sensitive so if what you want is to convert it and then compare, you would string.toUppeCcase() it or use the angular method