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()
之间的连接吗?不,它不需要任何内置筛选器的连接。我正在添加一个演示,请检查它。您的代码正在工作,我正在尝试使我的代码适应它:)