给定使用AngularJS 1.2 rc3的测试用例:http : //plnkr.co/edit/MX6otx(以下重复)
1。
<li ng-init="toggle1 = false"> ng-if toggle1: {{ toggle1 }} <p> <button ng-if="!toggle1" ng-click="toggle1 = true">Turn On</button> <button ng-if="toggle1" ng-click="toggle1 = false">Turn Off</button> does not work </li>
2。
<li ng-init="obj={toggle2:false}"> ng-if obj.toggle2: {{ obj.toggle2 }} <p> <button ng-if="!obj.toggle2" ng-click="obj.toggle2 = true">Turn On</button> <button ng-if="obj.toggle2" ng-click="obj.toggle2 = false">Turn Off</button> then why does this work? </li>
问题:
在https://github.com/angular/angular.js/wiki/Understanding- Scopes中很好地解释了该范围继承机制。