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>
