如何在我的情况下获取Checkbox值

时间:2014-07-02 18:58:56

标签: javascript html css angularjs

我正在尝试使用Angular JS在我的应用程序中获取复选框

我有类似

的东西
<div class="checkbox" ng-repeat="item in items">
    <input type="checkbox" />{{item.name}}   
</div>

如何使用angular?

获取复选框值
app.controller('test', function(){
    // not sure what do to here...
})

感谢您的帮助

1 个答案:

答案 0 :(得分:0)

这是一种方法。可能还想研究使用指令。

http://jsfiddle.net/Sj3nG/

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

app.controller('CheckboxCtrl', function ($scope) {
    $scope.color_list = [{
        name: 'Red',
        selected: false
    }, {
        name: 'Blue',
        selected: false
    }, {
        name: 'Yellow',
        selected: false
    }];
    $scope.colors = [];

    $scope.$watchCollection('color_list | filter:{selected:true}', function (color) {
        $scope.colors = [];
        angular.forEach(color, function (c) {
            if (c.selected) {
                $scope.colors.push({
                    color: c.name
                });
            }
        });
    });
});