使用Angularjs根据json的值检查checkboxex

Check checkboxex based on values fron json using Angularjs

本文关键字:检查 checkboxex json Angularjs 根据 使用      更新时间:2024-06-09

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

我从angular开始,您可以在ng-repeatng-if中使用ng-model来显示循环中的解码值。

代码:

<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/