javascript - 从两个表达式设置 ng-checked 值

标签 javascript angularjs

这是我的 Controller 范围

$scope.all = [
    {'ID':'1','NAME':'BOB','BMW':1,'AUDI':'0'},
    {'ID':'2','NAME':'PETE','BMW':'0','AUDI':'1'}
];

$scope.cars = [
    {'ID':'1','CAR':'BMW'},
    {'ID':'2','CAR':'AUDI'}
];

这是我的观点

<table class="table">
    <thead>
        <tr>
            <th>Name</th>
            <th ng-repeat="c in cars">{{c.CAR}}</th>
        </tr>
    </thead>
    <tbody>
    <tr ng-repeat="u in all">
        <td>{{ u.NAME }}</td>
        <td ng-repeat="c in cars">
            <input type="checkbox" ng-checked="{{ u.c.CAR }}">
        </td>
    </tr>
    </tbody>
</table>

现在我想根据汽车的值检查复选框 ng-checked="{{ u.c.CAR }}" 但我无法设置它。我在 Firebug 中没有收到任何错误。 AngularJS 是否提供这样的表达式?如果现在,还有什么其他解决方案?我希望将其设置在 View 本身中

更新:我早就应该这么做了。这是我的JSFIDDLE

最佳答案

如果我理解正确的话,您希望将 10 解析为 truefalse。您应该能够执行以下操作:

<tr ng-repeat="u in all">
    <td>{{ u.NAME }}</td>
    <td ng-repeat="c in cars">
        <input type="checkbox" ng-checked="u[c.CAR] == 1">
    </td>
</tr>

*注意:您不需要在 ng-checked 内插入 { }

这是一个updated fiddle .

关于javascript - 从两个表达式设置 ng-checked 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22811473/

相关文章:

javascript - 如何使用 ng-options 在 angularjs 中自动选择另一个选项

javascript - UglifyJs 意外 token : keyword «const» Webpack 4

javascript - 引用包含点的 json 字段名称

javascript - 根据所选值显示数组中的值(从数组构建字符串)

angularjs - 使用 ui-sref 传递数据属性

javascript - 如何从 D3.js 图表读取(获取)Y 轴刻度值?

javascript - React.js 无法动态应用 CSS 类

javascript - 提交表单并在 <a> 单击时调用 Ajax

javascript - 添加自定义列表框 Kendo HTML 编辑器

javascript - 如何通过从外部源(数据库)提取值来动态调整 chrome 扩展的 manifest.json 的 "matches"键?