How to implement data return in angularjs?

Question

JavaScript

How to implement a search field at the top of the page that filters the content of the active tab, showing only those list items that contain the text typed in the search field. If there are no such elements, the "Show all" link is shown, by clicking on which the search field is cleared and all elements of the corresponding list are shown. But the link-block list consists of several tabs,
for example, the first tab with books, after the tab associated with the authors of books, etc. .that is, binding data that is taken from the angular file.
I can't solve this problem

Answer 1

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}}

Then tune yourself.

Answer 2

https://docs.angularjs.org/api/ng/filter/filter

Answer 3

but for God's sake, don't use the filter filter for this.
filters have changed - the controller filters the collection result - display the collection. No magic, no filters in views, everything is as primitive and simple as possible.