AngularJS : input ng-model not working when in a ng-if?

Question

I have the following code :

<div ng-controller="myCtrl">
     <div ng-if="myVar">
        <input ng-model="query">
     </div>
</div>

where myVar is true

• When the <input> is within the ng-if the query variable isn't created in the $scope.
• When it's outside the div (but still within the ng-controller) it works well.

Any idea why ?!

Answer 1

Because ngIf creates new scope. Either use a dot in the model, or the ControllerAs syntax.