使用Angularjs选择基于值的复选框

时间:2016-02-13 12:17:11

标签: javascript html angularjs checkbox

如何选中具有angularjs的示例5的复选框。

我正在获取JSON,其中包含需要检查的所有复选框值,但我无法在任何地方找到如何使用角度js自动检查值为的复选框。

2 个答案:

答案 0 :(得分:2)

您可以使用ngChecked指令来检查和取消选中复选框

此外,如果您希望在值为5时设置复选框以进行检查:

<input type="checkbox"  ng-model="checkbox_model" ng-checked="data.value=='5'"/>

答案 1 :(得分:0)

尝试这样的事情:

HTML

<input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" />

CONTROLLER

$scope.checkAll = function () {
    if (!$scope.selectedAll) {
        $scope.selectedAll = true;
    } else {
        $scope.selectedAll = false;
    }
}

将此代码添加到您的控制器和HTML中,这肯定会帮助您