Как реализовать возврат данных на angularjs?

Как реализовать поле поиска вверху страницы фильтрующее содержимое активной вкладки, показывая только те элементы списка, которые содержат набранный в поле поиска текст. Если таких элементов нет, показывается ссылка «Показать всё», по нажатию на которую поле поиска очищается и показываются все элементы соответствующего списка.Но список связующий-блок состоит из нескольких табов,
например,первый таб с книгами,после таб связанныйс авторами книг и тд.тоесть связующие данные,которые берутся с angular файла.
Не могу решить данную задачу
  • Вопрос задан
  • 191 просмотр
Пригласить эксперта
Ответы на вопрос 3
premas
@premas
Full-stack web-developer
input type="text" ng-model="search.title"

.tab ng-click="activeTab='books'"
.tab ng-click="activeTab='authors'"
.tab ng-click="activeTab='etc'"

ul
  li ng-repeat="item in data[activeTab] | filter:search"
    | {{item.title}}


Дальше тюньте самостоятельно.
Ответ написан
Комментировать
matroskin13
@matroskin13
JavaScript developer, GO developer
Комментировать
Fesor
@Fesor
Full-stack developer (Symfony, Angular)
вот только ради бога, не надо использовать фильтр filter для этого.

фильтры поменялись - контроллер фильтрует коллекцию результат - выводим коллекцию. Никакой магии, никаких фильтров во вьюшках, все максимально примитивно и просто.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы