ng-if与其他指令一样，该指令创建一个子范围。请参阅下面的脚本（或此
jsfiddle）

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js"></script>



<script>

    function main($scope) {

        $scope.testa = false;

        $scope.testb = false;

        $scope.testc = false;

        $scope.obj = {test: false};

    }

</script>



<div ng-app >

    <div ng-controller="main">



        Test A: {{testa}}<br />

        Test B: {{testb}}<br />

        Test C: {{testc}}<br />

        {{obj.test}}



        <div>

            testa (without ng-if): <input type="checkbox" ng-model="testa" />

        </div>

        <div ng-if="!testa">

            testb (with ng-if): <input type="checkbox" ng-model="testb" /> {{testb}}

        </div>

        <div ng-if="!someothervar">

            testc (with ng-if): <input type="checkbox" ng-model="testc" />

        </div>

        <div ng-if="!someothervar">

            object (with ng-if): <input type="checkbox" ng-model="obj.test" />

        </div>



    </div>

</div>

因此，您的复选框会更改testb子范围的内部，但不会更改外部父范围。

请注意，如果要修改父作用域中的数据，则需要修改对象的内部属性，就像我添加的最后一个 div 中一样。