AngularJs:如何根据基于用户的DropDown选择为ng-model分配值

时间:2015-08-20 14:39:18

标签: angularjs

我尝试使用下拉选项并使用“已选择”值将搜索框的模型指定为以下值之一:

ng-model=searchText.$  (For search across Any of the 3 fields)
ng-model=searchText.name (For search only on name field) 
ng-model=searchText.age (For search only on age field)
ng-model=searchText.gender (For search only on gender field)

上面的搜索框的ng模型 - 随后将用于过滤JavaScript对象数组。

尽管谷歌搜索超过3天,并尝试各种“技巧”,如使用

"ng-model=searchText.{{filterTypeSelectModel}}"

我无法根据基于用户的DropDown过滤器选择设置ng-model值。

现在,只有在编写代码时硬编码ng-model的值时,Filter才有效。我无法在运行时或根据用户选择的下拉过滤器分配ng-model。

我的失败尝试将有助于进一步解释我想要实现的目标:

任何协助“动态”分配和链接下拉选择到搜索框的ng模型值将是非常感谢。

1 个答案:

答案 0 :(得分:2)

试试 <input ng-model="searchText[filterTypeSelectModel]">
这里更新了小提琴https://jsfiddle.net/d50c7tmr/9/