Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to use ">" comparator in AngularJS ng-if statement

Is it possible to use the 'greater than' comparator in an ng-if in HTML? The problem is that the ">" symbol prematurely closes the HTML tag.

ex. this: <div ng-if="foo>0" class="bar"> (HTML STUFF) </div>

is read as: <div ng-if="foo"> (0 class="bar"> HTML STUFF) </div>

I ended up getting around this by using ng-if="foo!=0" but I could probably use the less than comparator instead but I was just curious in case I absolutely HAD to use the greater than symbol for some reason. Or would I perhaps have to move this logic somewhere else like in my controller instead of in my view?

EDIT 1 So it definitely seems like the comparator itself isn't the problem and something else is going on in my code. Oddly, when I have spaces before and after the comparator it works but without spaces it doesn't. I'm also using angular 1.3.15 if that means anything.

<div class="paginate" ng-if="list.total > 0"> works

<div class="paginate" ng-if="list.total>0"> does not work

like image 809
krhithm Avatar asked Nov 25 '15 21:11

krhithm


1 Answers

This is an example of using the > symbol. This works fine.

<div ng-if="myvariable.length > 2">

</div>
like image 126
user1532669 Avatar answered Oct 26 '22 01:10

user1532669