angularjs - 增加 ngif-tag 之外的范围？

Question

在 angular 中我有一些看起来像这样的模板:

                <div ng-if="fieldset.expandable">
                    <label class="checkbox">
                    <input 
                        ng-model="checked"
                        value="ignore"
                        type="checkbox"
                    >
                        {{fieldset.expandable}}
                        {{checked}}

                    </label>

                </div>

当我有 ng-if 属性时，{{checked}} 仅在 DOM 的那部分内起作用。除此之外，它只是空的。为什么会这样，我该怎么办？

Answer 1

ng-if 指令创建一个新的作用域。使用对象:

<!-- works outside ng-if as well -->
{{obj.checked}}
<div ng-if="fieldset.expandable">
    <label class="checkbox">
        <input ng-model="obj.checked" value="ignore" type="checkbox">
            {{fieldset.expandable}}
            {{obj.checked}}
    </label>
</div>

在 Controller 中:

$scope.obj = {"checked":""};