Javascript 带有ng模型的多选复选框

Javascript 带有ng模型的多选复选框,javascript,arrays,angularjs,angularjs-scope,angular-ngmodel,Javascript,Arrays,Angularjs,Angularjs Scope,Angular Ngmodel,我有下面的控制器设置,这样我可以将选中的值添加到数组中,如下所示 (功能(应用程序){ "严格使用",; app.controller('SimpleArrayCtrl',['$scope',函数SimpleArrayCtrl($scope){ //果实 $scope.fruits=[‘苹果’、‘橘子’、‘梨’、‘那尔杰’]; //精选水果 $scope.selection=['apple','pear']; //按名称切换给定水果的选择 $scope.toggleSelection=函数to

我有下面的控制器设置,这样我可以将选中的值添加到数组中,如下所示

(功能(应用程序){
"严格使用",;
app.controller('SimpleArrayCtrl',['$scope',函数SimpleArrayCtrl($scope){
//果实
$scope.fruits=[‘苹果’、‘橘子’、‘梨’、‘那尔杰’];
//精选水果
$scope.selection=['apple','pear'];
//按名称切换给定水果的选择
$scope.toggleSelection=函数toggleSelection(水果名){
var idx=$scope.selection.indexOf(水果名);
//当前已选定
如果(idx>-1){
$scope.selection.splice(idx,1);
}
//是新选中的
否则{
$scope.selection.push(水果名);
}
};
}]);
})(angular.module('app',[])

可选择的
{{fruitName}
选择
{{selection}json}
投入
{{fruits | json}
形式
{{test}json}
ngTrueValue(ng-truevalue=“”) 选择时应将表达式设置为的值

ngFalseValue(ng false value=“”) 未选中时应将表达式设置为的值

参见此处示例:

ngTrueValue(ng-truevalue=“”) 选择时应将表达式设置为的值

ngFalseValue(ng false value=“”) 未选中时应将表达式设置为的值

请参见此处的示例:

或者您可以使用指令。 对我来说很有用 或者您可以使用指令。 对我来说很有用