使用Angularjs根据json中的值检查复选框

时间:2013-12-09 18:35:29

标签: javascript json angularjs

我有一个简单的html,它使用Angularjs ng-repeat将JSON数据加载到表中。其中一个字段为1或0。我想编写一个简单的AngularJs指令,它将复选框显示为checked(1)或not(0);并显示针对(1)的文本成功和针对(0)行的失败。

1 个答案:

答案 0 :(得分:0)

我从有角度开始,您可以在ng-modelng-repeat内使用ng-if来显示以解码循环内的值。

代码:

<div ng-controller="Ctrl">
    <div ng-repeat="o in obj">{{o.id}}
        <input type="checkbox" ng-model="o.checked">
        <div ng-if="o.checked == true">success</div>
        <div ng-if="o.checked != true">fail!</div>
    </div>
</div>

演示:http://jsfiddle.net/IrvinDominin/G9m4H/