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

Question

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

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。

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

• https://jsfiddle.net/pmkumaar/d50c7tmr/

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

Answer 1

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