Angular JS Filter Reverse

时间:2015-12-27 02:34:21

标签: javascript angularjs ionic-framework angular-filters

在角度中使用此角度JS功能是否可以在页面加载时不显示结果?

但是当用户在搜索框中输入内容时,会显示已过滤的结果吗?

请参阅使用中的功能链接:

  

https://docs.angularjs.org/api/ng/filter/filter

这似乎是我所追求的,但我宁愿没有显示页面加载的结果。

这是我的代码:

$scope.members = Members.query({key:$scope.Key}); //Grabs Json from API, can confirm results do come through.

        $scope.myFilter = function(obj) {
            if (!$scope.searchText)
              return false;
            else
              return obj.first_name.toLowerCase().indexOf($scope.searchText.toLowerCase()) > -1;
        }

我的HTML

<div class="list">
                        <div class="item">
                            <input type="text" ng-model="searchText">
                        </div>  
                        <div ng-repeat="m in members | filter:myFilter" class="item item-button-right">
                            {{ m.first_name | limitTo: 1 }}{{m.first_name.length > 1 ? '. ' : ''}}{{m.last_name}}
                        </div>
                </div>

1 个答案:

答案 0 :(得分:0)

如果您知道在用户更改内容之前搜索框中会出现什么,那么您可以在匹配该值时隐藏结果元素。所以你可以这样做:

<div ng-hide="searchInput === 'my search'"></div>