我正在使用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;
}
如果有人能让我知道我在这里失踪了什么,我将非常感激。