I have a table with results:
<tr ng-repeat="result in results"> <td>{{result.foo}}</td> <td ng-if="result.bar == '1'">it's One!</td> <td ng-if="result.bar != '1'">it's not One! is {{result.bar}}</td> </tr> the 3 are displayed, why the ng-if is not working?
the results are correctly setted in the scope because the "it's not One! is 5 is displayed OK"
it's a version problem.
html example:
Click me: <input type="checkbox" ng-model="checked" ng-init="checked=true" /><br/> Show when checked: <span ng-if="checked" class="animate-if"> I'm removed when the checkbox is unchecked. </span> works with:
<script src="http://code.angularjs.org/1.2.12/angular.min.js"></script> but not with:
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"></script> Not sure why it doesn't work, but you could try an alternative way of doing it:
<tr ng-repeat="result in results"> <td>{{result.foo}}</td> <ng-switch on="result.bar"> <td ng-switch-when="1">it's One!</td> <td ng-switch-when="2">it's not One! is {{result.bar}}</td> </ng-switch> </tr> 