我试图使用复选框并使用ng-checked属性绑定checked属性,但是它的工作正常,其中ng-model属性与复选框类型输入一致。
<!-- not working -->
<input type="checkbox" name="checkedBox"
id="checkedBox11"
ng-checked="isChecked">
<!--working-->
<input type="checkbox" name="checkedBox"
id="checkedBox21"
ng-model="isChecked">
我创建了一个jsbin来演示相同的内容: here
答案 0 :(得分:4)
由于您没有在第一种情况下将复选框与模型连接,因此角度不会改变,因此视图中的值也不会改变。
但是,在第二种情况下,您已将isChecked附加到复选框,更改正在反映。
更新:如果您将isChecked的默认值更改为true,则显示为true,并且还会在加载时选中该复选框。
答案 1 :(得分:2)
更改第一个输入以获得模型,进行更改。您还可以使用ng-click更改值。 (addming ng-model="isChecked"
)
<input ng-model="isChecked" type="checkbox" name="checkedBox" id="checkedBox11" ng-checked="isChecked">
或者您可以添加ng-click="isChecked=!isChecked"
到复选框