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=“”)
未选中时应将表达式设置为的值
请参见此处的示例:或者您可以使用指令。
对我来说很有用
或者您可以使用指令。
对我来说很有用