AngularJs: как присвоить значение ng-модели на основе пользовательского выбора DropDown

0

Я пытался использовать выпадающий выбор и использовать значение "Выбранное", чтобы присвоить модели окна поиска одно из следующих значений:

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 объектов.

Несмотря на то, что Googling работает более 3 дней и пытается использовать различные "трюки", такие как использование

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

Мне не удалось установить значение ng-model на основе выбора DropDown Filter на основе пользователя.

Прямо сейчас фильтр работает, только если я жестко задал значение ng-модели во время написания кода. Я не смог назначить ng-модель во время выполнения или на основе выбора пользователем раскрывающегося фильтра.

Моя неудачная попытка поможет объяснить, чего я пытаюсь достичь:

Любая помощь "динамически" назначить и связать выпадающий выбор с номером ng-модели в поле поиска будет наиболее оценена.

Теги:

1 ответ

2
Лучший ответ

Пытаться
<input ng-model="searchText[filterTypeSelectModel]">
здесь обновляется скрипка https://jsfiddle.net/d50c7tmr/9/

  • 0
    Хороший ответ! Это выглядит как раз то, что искал ОП!
  • 0
    Ценить это! Решает проблему. Однако мне нужно привести в порядок мой код, поскольку последующая фильтрация запоминает предыдущий отфильтрованный список и, следовательно, использует это подмножество в качестве «исходного» списка.
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню