使用angularJS中的动态数组填充复选框

时间:2014-03-18 10:41:16

标签: javascript jquery angularjs

如何将动态变量传递给我的ng-model of checkbox选择。这是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”,它可以正常工作。

1 个答案:

答案 0 :(得分:3)

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

object.property1object[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 ...