AngularJS: ng-if not working in combination with ng-click?

Question

Given this test case using AngularJS 1.2 rc3: http://plnkr.co/edit/MX6otx (repeated below)

1.

    ng-if toggle         


        

Answer 1

Since ngIf creates own scope, to make it work you can define toggle1 in one scope:

JS**

$scope.toggleMe = function(){
     $scope.toggle1 = !$scope.toggle1;
    }

HTML

        ng-if toggle1: {{ toggle1 }}
        

            Turn On
            Turn Off
            does not work
    

See Demo Plunker