在角度我有一些看起来像这样的模板:
<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的那部分内容。除此之外,它只是空的。为什么这样,我该怎么办?
答案 0 :(得分:4)
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>
在控制器中:
$scope.obj = {"checked":""};