Javascript 在AngularJS中,同一个表是否可以同时使用orderBy和filter?
在我的表格中,它可以按顺序正常工作(降序和升序)。看起来是这样的:Javascript 在AngularJS中,同一个表是否可以同时使用orderBy和filter?,javascript,angularjs,Javascript,Angularjs,在我的表格中,它可以按顺序正常工作(降序和升序)。看起来是这样的: <table class="table table-striped top-scroll__content"> <thead> <tr> <th ng-click="$ctrl.sorting('Name')">Name</th> <th ng-click="$ctrl.sorting('Type')">Occuren
<table class="table table-striped top-scroll__content">
<thead>
<tr>
<th ng-click="$ctrl.sorting('Name')">Name</th>
<th ng-click="$ctrl.sorting('Type')">Occurence</th>
</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="rows in $ctrl.alertsResponse | orderBy:$ctrl.sort.active:$ctrl.sort.descending track by $index">
<td>{{rows.Name}}</td>
<td>{{rows.Type}}</td>
</tr>
</tbody>
</table>
updateFilter(type) {
debugger;
if (type === "0") return this.alertsResponse;
return this.alertsResponse.filter(function(item) {
return item.Type === type;
});
}
当我想将此功能添加到表中时,我的问题就出现了。我试图将文件管理器添加到与orderBy
相同的位置,但可能不是正确的方法:
<tr ng-repeat="rows in $ctrl.alertsResponse | orderBy:$ctrl.sort.active:$ctrl.sort.descending track by $index | filter:$ctrl.updateFilter(Type)">
有什么建议吗?无需在过滤器中传递控制器功能,只需在过滤器中传递下拉选择器文本,而不是下拉选择器值
ng-model of drop down should be **type**
<tr ng-repeat="rows in $ctrl.alertsResponse | orderBy:$ctrl.sort.active:$ctrl.sort.descending track by $index | filter:Type">
汤姆
杰瑞
名称
发生
{{rows.name}
{{rows.Type}
无需在过滤器中传递控制器功能,只需在过滤器中传递下拉选择器文本,而不是下拉选择器值
ng-model of drop down should be **type**
<tr ng-repeat="rows in $ctrl.alertsResponse | orderBy:$ctrl.sort.active:$ctrl.sort.descending track by $index | filter:Type">
汤姆
杰瑞
名称
发生
{{rows.name}
{{rows.Type}
像使用过滤器一样使用它:{Type:Type}添加此代码并告诉我它是否正在工作。我添加了它,结果相同,表中没有数据。它不需要是筛选器和方法updateFilter()
之间的连接吗?不,它不需要任何内置筛选器的连接。我正在添加一个演示,请检查它。您的代码正在运行,我正在尝试使我的代码适应它:)像过滤器一样使用它:{Type:Type}添加此代码,并让我知道它是否正在运行。我添加了它,结果相同,表中没有数据。它不需要是筛选器和方法updateFilter()
之间的连接吗?不,它不需要任何内置筛选器的连接。我正在添加一个演示,请检查它。您的代码正在工作,我正在尝试使我的代码适应它:)