ng-checked不工作角度为复选框

时间:2014-12-15 12:07:31

标签: angularjs

我试图使用复选框并使用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

2 个答案:

答案 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" 到复选框