将字符串绑定到AngularJS中的复选框值

时间:2014-07-15 09:49:21

标签: angularjs checkbox

我已经浏览了几个小时,发现了类似的例子,然而,无法使其发挥作用。

在我的JSON文件中,我有“accessRight”属性,可能是“full”,“read”或“none” 然后在HTML中我有3个“full”“read”和“none”的复选框。 如果“accessRight”设置为“read”,我希望选中此复选框并获取此代码。

                <input type="checkbox" data-ng-model="accessRight" data-ng-true-value="read"> 

然而,即使“accessRight”未设置为“read”,也会检查复选框,我该如何解决?

也尝试了这个,但仍然没有运气。

                <input type="checkbox" data-ng-model="accessRight" data-ng-true-value="read"> 

3 个答案:

答案 0 :(得分:5)

你试过吗

<input type="checkbox" data-ng-model="accessRight" data-ng-true-value="'read'">

使用单引号进行环绕读取,请参阅:

https://docs.angularjs.org/api/ng/input/input%5Bcheckbox%5D

答案 1 :(得分:1)

尝试使用:

checked="accessRight == 'read'"

如果您的模型是accressRight,您也可以尝试

data-ng-true-value="accessRight.read == ture"

data-ng-true-value="accessRight == 'read'"

它真的取决于你的模型

答案 2 :(得分:0)

我认为你误认为data-ng-true-value的值。 正确如下:https://docs.angularjs.org/api/ng/input/input%5Bcheckbox%5D

<input type="checkbox" data-ng-model="accessRight" data-ng-true-value="'read'">