Question

我在表中使用this进行分页。该库在其指令中使用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，它可以工作，但是由于库的数组仅包含当前显示的行，因此它仅搜索并显示当前行。页面（分页）

Answer 1

使用ng模块：$ filter。

您会发现此link有用。

（单击“交互式示例”）

Answer 2

ngTable是一个非常好的分页，过滤和排序库，可以快速，轻松地实现所有功能，这是一个链接：

NPM Link

API and short tutorial

如何在表格中使用angularjs搜索过滤器

2 个答案: