在AngularJS中绑定复选框或多选下拉列表
Bind checkbox or multi-select dropdown to array in AngularJS?
我是AngularJS的新手,因此很困惑如何将复选框或多选择下拉列表绑定到一个单独的列表。
<body ng-controller="FooListCtrl">
<span ng-repeat="foolist in foos">
<select ng-model="selected" ng-options="foo for foo in foolist" multiple="">
</select>
</span>
</body>
'use strict';
function FooListCtrl($scope) {
$scope.foos = {"Bar": [ "foo", "bar"]};
$scope.selected = [];
}
FooListCtrl.$inject = ['$scope'];
运行代码:http://jsfiddle.net/gBcN2/
如果我做对了你想要的:
- 您没有
ng-app
定义。 - 在jsFiddle的AngularJS片段设置
No wrap - in <head>
加载模式,如果你使用AngularJS作为外部资源。 - 模型
selected
有它自己的"范围",因为你使用ng-repeat
。为了明白我的意思,这里是你的代码的固定版本:http://jsfiddle.net/gBcN2/2/
第一个{{selected}}
工作良好,但第二个是"超出"ng-repeat
范围。
你不需要使用ng-repeat
,如果你想使用它,就像你在你的例子中写的:快速摆弄我怎么做。
对于复选框是这样的- http://jsfiddle.net/qQg8u/2/
相关文章:
- HTML 下拉列表所选值
- 如何通过单击唯一按钮保存下拉菜单/复选框菜单选项和占位符值
- 下拉列表单选取消选择
- 待办事项列表复选框编号逻辑
- 语义 UI 下拉列表所选文本和值似乎很奇怪
- 选中下拉 AND 复选框中的特定值时如何切换文本
- 使用“下拉列表多选复选框”(jquery)创建动态表
- 下拉列表和文本框逻辑
- 基于下拉列表和文本框访问带字符串的变量
- 下拉列表和文本框上的googlemapapi代码
- 有没有一种方法可以允许只有在输入了数据的情况下才标记复选框
- PHP根据下拉列表在文本框中获取子数组的值
- 在jquery中未激发列表复选框更改事件
- 如何在未选中子复选框的情况下选中主复选框
- 在这种情况下如何处理复选框
- 下拉与复选框不起作用
- 默认情况下取消选中复选框
- Javascript /jquery-如何确定列表/复选框是否允许选择多个值
- 如何根据javascript中选择单选按钮的下拉列表在文本框中显示相应的值
- 通过下拉更改复选框颜色