populating checkbox using dynamic array in angularJS

Question

How can i pass a dynamic variable to selection for my ng-model of checkbox. Here is the the jsfiddle link.

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

Here i want to replace the id in .js file with a variable as:

function Ctrl($scope) {

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

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

But it is not working. If i replace "someId" with "General", it works fine.

Answer 1

you can use object properties in two ways

object.property1 or object[property1]

both will produce same result, so if you chage your js file to this,

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;
    });

}

it will give you to right result here is update JSFIDDLE...