我尝试使用下拉选项并使用“已选择”值将搜索框的模型指定为以下值之一:
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模型值将是非常感谢。
答案 0 :(得分:2)
试试
<input ng-model="searchText[filterTypeSelectModel]">
这里更新了小提琴https://jsfiddle.net/d50c7tmr/9/