Model does not update within ng-if

javascript angularjs angular-ng-if
stofl picture stofl · Nov 19, 2013 · Viewed 17.5k times · Source

I've got a strange behavior in an angular application and I don't know if that's a bug or a known limitation:

http://jsfiddle.net/78R52/

I would expect that clicking one of the buttons would set foo = true, but clicking the first button (within the ng-if="!foo") doesn't change the model.

Tested version is 1.2.1.

Answer

thebenedict picture thebenedict · Nov 19, 2013

ng-if has its own scope, so you need to use:

<br/><button ng-click="$parent.foo = true;">Show foo</button>

Updated fiddle: http://jsfiddle.net/78R52/1/

Related questions

Angular ng-if="" with multiple arguments

I am trying to get started on angular development. And after reviewing the documentation some questions persist. How do i best write a ng-if with multiple arguments corresponding to if( a && b) or if( a || b )

Read More
checking string value in ng-if statement

I would like to check the value of the property of an object and would like to check the data of string to compare. <div ng-if="results.dataType === 'textTable'"> This text belongs in a table. </div> …

Read More
How to use filter in ng-if and variable?

In this example, I use filter in the ng-repeat, but how do I use it in a variable and ng-if, something like: {{languages.length | filter: {available: true}}} and ng-if="languages.length == 0 | filter: {available: true}" See Fiddle. HTML <div ng-controller="…

Read More