angularjs Select with filter 过滤掉已经选择的选项

标签 angularjs

我使用 ng-model 进行选择的代码工作正常,除了过滤器之外。 如果没有过滤器,它会显示已选择选项的重复选项。 所以我试图过滤掉下面代码中已选择的一个。

但是它不起作用..我做错了什么吗?有什么帮助吗?

<select ng-model="result.color">
<option ng-repeat="codes in obj.codes | filter:!result.color" value="{{codes.code}}">{{codes.code}}</option>
<option ng-selected>{{result.color}}</option>
</select>

最佳答案

ng-selected 接受一个表达式。 这就是我要做的:

    <option ng-repeat="codes in obj.codes" value="{{codes.code}}" ng-selected="result.color == codes.code">

==编辑==

另一个更短的解决方案是使用ng-options

<select ng-model="result.color" ng-options="c.code for c in obj.codes"></select>

这是 fiddle :http://plnkr.co/edit/oIysU5

不确定初始值,因为我的 fiddle 似乎有效。

关于angularjs Select with filter 过滤掉已经选择的选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12851504/

相关文章:

javascript - ng-options 理解表达式不适用于我的数据

angularjs - 在AngularJS中,我可以在ng-model指令的属性名称后附加ng-repeat $ index吗?

javascript - AngularJS ng-class 在使用对象数组时添加 [object Object] 类

javascript - 指令范围始终为空

javascript - Angular JS 嵌套 ngRepeat 循环如何在 maxRows 超过限制后中断?

javascript - angularjs动态改变页脚

angularjs - 在 MEAN 堆栈中实现权限级别的最佳方法是什么?

javascript - 从 11 版本更新到 12 版本后,Angular 项目不起作用

javascript - 是否可以使用 AngularJS 验证包含名称为 objectVO.fieldname 的文本字段

javascript - Angular Js 试图从主按钮回调中动态更改模式文本并且不起作用