在过滤数据angularjs之后显示消息为空结果

Question

我正在使用angularjs创建一个应用程序。我已经集成了多个过滤器并根据过滤器搜索结果。但是当过滤器未返回任何结果时，我无法显示消息无结果。这是我的代码：

 <div dir-paginate="partners in partnersData|orderBy:orderByField:reverseSort|filter:partners.name|filter:partners.website|filter:partners.location|itemsPerPage: pageSize" current-page="currentPage">
          <div class="rowDiv">
            <div class="cellDiv"><span   ng-click="makeFavourite(partners)" class="star_rating" ng-class="{'select':partners.select}"></span> <span ng-click="showImage($index)"></span></div>
            <div class="cellDiv" ng-click="showName($index)">{{partners.name}}</div>
            <div class="cellDiv">{{partners.website}}</div>
            <div class="cellDiv">{{partners.location}}</div>
            <div class="cellDiv">{{partners.service}}</div>
            <div class="cellDiv">{{partners.connection}}</div>
            <div class="cellDiv">{{partners.action}}</div>
            <div class="cellDiv lastCell"><span class="icon_pluse" ng-click="openPlus($index)"></span><span class="icon_info" ng-click="openInfo($index)"></span></div>
          <div ng-if="partnersData.length === 0">No Items Found</div>
          </div>

Answer 1

从angular 1.4开始，您可以使用过滤后的数组创建别名，该别名as aliasName将添加到当前作用域中。as表达式中的所有过滤器后面紧随其后很重要

<div dir-paginate="partners in partnersData|orderBy:...|...| lastFilter as filteredArray">

</div>

<!-- Outside paginate directive -->
<div ng-if="!filteredArray.length">No results</div>