没有获得默认选中的值复选框

时间:2016-02-17 06:24:18

标签: angularjs

我正在尝试选中复选框并将其结果存储在数组中。当默认情况下选中复选框时,它不会获得其值,但是在切换后是否选中了特定的复选框 工作正常。请告诉我我做错了什么,并提前感谢。 这是我的HTML代码:

$scope.albums = [{
                 value: 3,
                 name: 'a'
             },
             {
                 value: 4,
                 name: 'b'
             },
             {
                 value: 5,
                 name: 'c'
             },
             {
                 value: 6,
                 name: 'd'
             },
             {
                 value: 7,
                 name: 'd'
             },
             {
                 value: 8,
                 name: 'e'
             },
             {
                 value: 9,
                 name: 'f'
             }];

             $scope.setAlbums = function () {

                         $scope.albumNameArray = [];

                         angular.forEach($scope.albums, function(album){
                             if (album.selected) $scope.albumNameArray.push(album.value);


                         });
                        console.log("$scope.albumNameArray",$scope.albumNameArray)
                     }

这里是我的js代码:

jdbc:mysql://localhost:3306/hibernatetest

1 个答案:

答案 0 :(得分:0)

最初ng-repeat渲染数组时,它会在数组本身中查找album.selected值,因此如果无法找到它,则会因为{{1}而对其进行虚拟检查}}属性但不会在ng-checked = true中设置,所以

尝试这样,使用另一个名为ng-model的属性,

ng-init = "album.selected = true"

然后点击保存按钮尝试。

PLUNKER WITH YOUR CODE