javascript - ng-repeat 中的 Angular 切换过滤器

Question

我正在尝试使用 ng-repeat 显示一些数据。我想对显示的数据进行筛选，当我单击特定项目时，应删除筛选器。当我再次单击该特定项目时，应再次添加过滤器。

我从一个想法开始，在我看来我有:

<ion-item class="row" ng-repeat="t in tickets">
    <div class="col" ng-click="toggleFilter(t.name)">{{t.name}}</div>
</ion-item>

在我的 Controller 中:

.controller('TicketCtrl', function ($scope, $filter) {
    $scope.toggleFilter = function (name) {
        name = $filter('getSlice')(name);
        alert(name);
    }
});   

当我提醒 name 时，它会提供正确的过滤项目，但它不会在 View 中更新。我认为这必须对 ng-repeat 的子范围做一些事情，但我不知道如何通过切换过滤器来做到这一点。

有没有人有任何建议或解决方案来解决这个问题？

Answer 1

您可能希望跟踪行的状态(单击或未单击)。理想情况下，您不想更改范围属性的名称。

下面的代码应该适合你

<ion-item class="row" ng-repeat="t in tickets" ng-click="t.clicked=!t.clicked">
    <div class="col" ng-if="t.clicked">{{t.name | getSlice}}</div>
    <div class="col" ng-if="!t.clicked">{{t.name}}</div>
</ion-item>