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

标签 javascript json angularjs

我有一个简单的 html,它使用 Angularjs ng-repeat 将 JSON 数据加载到表中。其中一个字段为 1 或零。我想编写一个简单的 AngularJs 指令,它将复选框显示为选中(1)或未选中(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/

关于javascript - 使用 Angularjs 根据 json 中的值检查复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20478027/

相关文章:

json - 如何使用 Apache NiFi 在拆分 JSON 后检索属性并在 invokeHttp 处理器中递归使用这些属性?

android - 致命异常:AsyncTask#1使用JSON导致后台错误

javascript - Jquery POST 400 错误请求

javascript - 如何定位一个 div,使其始终显示在距可见显示顶部 100 像素的位置

javascript - 在 react 中传递 child

javascript - angular.copy() 在尖括号 {{}} 内不起作用

javascript - Angular 提供者服务需要 init 函数运行一次

javascript - 在 jqGrid 渲染后隐藏列(标题和行)

json - 在 Pig 中解析复杂的 JSON 字符串

angularjs - 自定义指令中的表单验证...?