javascript - 在angularJS中使用动态数组填充复选框

Question

我如何将动态变量传递给复选框的 ng-model 的选择。这是 jsfiddle 链接。

http://jsfiddle.net/bmleite/PQvQ2/

这里我想用一个变量替换.js文件中的id:

function Ctrl($scope) {

    $scope.categories = [ { "name": "Sport", "id": "50d5ad" } , {"name": "General", "id": "678ffr" } ];

    var someId = $scope.categories[1].id;
    $scope.selection = {
        ids: {someId: true}
    };
}

但它不起作用。如果我将“someId”替换为“General”，它工作正常。

Answer 1

您可以通过两种方式使用对象属性

object.property1 或 object[property1]

两者都会产生相同的结果，所以如果你将你的 js 文件改成这样，

var app = angular.module('app', []);

function Ctrl($scope) {

    $scope.categories = [{
        "name": "Sport",
        "id": "50d5ad"
    }, {
        "name": "General",
        "id": "678ffr"
    }];

    //define selection object
    $scope.selection = {ids : {}};

    angular.forEach($scope.categories, function(category){
        $scope.selection.ids[category.id] = true;
    });

}

它会给你正确的结果这里是更新JSFIDDLE ...