对td中输入的角度数据表过滤器

Question

我正在使用此库https://l-lin.github.io/angular-datatables/#/welcome

我将输入字段放在表格数据中，如下所示：

  <td> <input type="text" ng-model="item.tiersk" /> </td>

然而，当我这样做时，我不再能够使用内置的表头过滤器功能按顺序进行过滤。我在其他列中有其他表格数据，如下所示：

                    <td> {{item.expensetype.expensename}}</td>

是否需要在td元素上添加值才能进行排序？也许是这样的：

<td value="{{item.tiersk}}"> <input type="text" ng-model="item.tiersk" /> </td>

Answer 1

Angular只反映了那里的数据数组。 基于输入进行排序的最佳方法是使用setter

i.e.
set myfield(s: string){
this.myarray[x].myfield = s;
this.sort(myarray)
}

可以通过在UI上选择行来设置x。 (click)=pickRow()功能。

Answer 2

  

是否需要在td元素上添加值才能进行排序？

是的，请参阅HTML5 data-* attributes - cell data。在您的data-sort中添加<td>属性：

<td data-sort="{{item.tiersk}}"> <input type="text" ng-model="item.tiersk" /> </td>

在对表进行排序时使用data-sort表示特殊值，即用户单击列标题; data-filter用于搜索框。