Angular 1.5无法在ng-repeat

时间:2016-11-28 08:08:53

标签: angularjs ionic-framework angularjs-ng-repeat

我正在使用Angular 1.5和Ionic版本1,我有一个显示联系人列表的视图,因为有几个联系人,所以我使用过滤器,以便用户可以搜索联系人。

这是我的观点

<ion-content class="has-header" padding="true">
    <input type="search" placeholder="Filter" ng-model="contactsFilter" id="search">
    <ion-list>
        <ion-item ng-repeat="contact in contacts |  orderBy: 'name.givenName' |  filter: contactsFilter track by contact.id "
            ng-click="create(contact)">
            <h2>{{contact.displayName }}</h2>
        </ion-item>
    </ion-list>
</ion-content>

正如您所看到的,ng-repeat正在与名为contactsFilter的过滤器一起使用。

我想要做的是在用户点击某个项目后清除过滤器,以便再次显示整个联系人列表。我尝试了以下解决方案,但没有一个正在运行

$scope.create = function (contact) {
    delete $scope.contactsFilter;
    $scope.contactsFilter = '';
    $scope.contactsFilter = undefined;
    $scope.contactsFilter = null;
}

如果有人能让我知道我在这里失踪了什么,我将非常感激。

0 个答案:

没有答案