Как использовать поисковый фильтр angularjs в таблице - PullRequest
0 голосов
/ 03 ноября 2018

Я использую это для нумерации страниц в моих таблицах. Библиотека использует ng-repeat в своей директиве и создает собственный массив из массива, который я ей передаю.

Я не могу использовать поисковый фильтр, предоставляемый angularjs, поскольку библиотека делает ng-repeat со своим собственным массивом (из моего массива).

Можно ли использовать поисковый фильтр при использовании этой библиотеки?

Так выглядит table (так, как ожидает библиотека)

<table at-table at-list="myarray" at-paginated at-config="tableConfig">
   <thead>
      <tr>
         <th class="text-center" at-attribute="index">Sl No</th>
         <th class="text-center" at-attribute="vendor_name">Vendor Name</th>
         <th class="text-center" at-attribute="email_id">EmailId</th>
      <tr>
   </thead>
   <tbody>
      <tr>
         <td class="text-center" class="text-center" at-attribute="index">{{calculateIndex($index)}}</td>
         <td class="text-center" at-sortable at-implicit at-attribute="vendor_name"></td>
         <td class="text-center" at-sortable at-implicit at-attribute="email_id"></td>
      </tr>
   </tbody>
</table>
<div>
   <at-pagination at-config="tableConfig" at-list="myarray"></at-pagination>
</div>

Я не использую ng-repeat в своих таблицах. Библиотека делает это.

Выше at-list показано, как он использует мой массив и использует его для создания собственного массива, который содержит только отображаемые строки.

Как использовать поисковый фильтр angularjs?

Редактировать Я изменил HTML в библиотеке и добавил item in libraryArray | filter:searchText, и это работает, но поскольку массив библиотеки содержит только отображаемые строки, он ищет и отображает только те, что на текущей странице (из пагинация)

Ответы [ 2 ]

0 голосов
/ 03 ноября 2018

Отличная библиотека для разбивки на страницы, фильтрации и сортировки, которая реализована очень быстро и легко - это ngTable, вот ссылка:

NPM Link

API и краткий учебник

0 голосов
/ 03 ноября 2018

Использовать модуль ng: $ filter.

Вы можете найти эту ссылку полезной.

(нажмите «Интерактивный пример»)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...