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

javascript html angularjs angular-ng-if
krhithm picture krhithm · Nov 25, 2015 · Viewed 24.3k times · Source

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

Answer

user1532669 picture user1532669 · Nov 25, 2015

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

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

</div>

Related questions

Angular directive ng-if does not evaluate conditional statement

I'm new to web dev and AngularJS. I'm trying to use the directive ng-if to only display a div block if a list returned from the database is greater than 1, but it's not working. Am I misusing the directive? I've …

Read More
AngularJS - Value attribute on an input text box is ignored when there is a ng-model used?

Using AngularJS if I set a simple input text box value to something like "bob" below. The value does not display if the ng-model attribute is added. <input type="text" id="rootFolder" ng-model="rootFolders" disabled="disabled" value="Bob" size="40"/&…

Read More
Can one AngularJS controller call another?

Is it possible to have one controller use another? For example: This HTML document simply prints a message delivered by the MessageCtrl controller in the messageCtrl.js file. <html xmlns:ng="http://angularjs.org/"> <head> <…

Read More