Jquery 过滤数据angularjs后显示消息空结果
我正在使用angularjs创建一个应用程序。我已经根据过滤器集成了多个过滤器和搜索结果。但当过滤器返回无结果时,我无法显示“无结果”消息。这是我的密码:Jquery 过滤数据angularjs后显示消息空结果,jquery,angularjs,Jquery,Angularjs,我正在使用angularjs创建一个应用程序。我已经根据过滤器集成了多个过滤器和搜索结果。但当过滤器返回无结果时,我无法显示“无结果”消息。这是我的密码: <div dir-paginate="partners in partnersData|orderBy:orderByField:reverseSort|filter:partners.name|filter:partners.website|filter:partners.location|itemsPerPage: pageSiz
<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>
{{partners.name}
{{partners.website}
{{partners.location}
{{partners.service}
{{partners.connection}
{{partners.action}
没有找到任何项目
您正在检查partnersData的长度是否为0,如果经过筛选,则不会出现这种情况。
而是将筛选的项目分配给新变量:
<div ng-repeat="partners in filtered = (partnersData | orderBy:orderByField:reverseSort|filter:partners.name|filter:partners.website|filter:partners.location|itemsPerPage: pageSize)">
</div>
然后检查
filtered.length
您正在检查partnersData的长度是否为0,如果进行了筛选,则不会出现这种情况。
而是将筛选的项目分配给新变量:
<div ng-repeat="partners in filtered = (partnersData | orderBy:orderByField:reverseSort|filter:partners.name|filter:partners.website|filter:partners.location|itemsPerPage: pageSize)">
</div>
然后选中“已过滤”。从angular 1.4开始,长度
您可以使用将添加到当前范围的作为别名为已过滤数组创建别名。重要的是,as
位于表达式中所有过滤器之后
<div dir-paginate="partners in partnersData|orderBy:...|...| lastFilter as filteredArray">
</div>
<!-- Outside paginate directive -->
<div ng-if="!filteredArray.length">No results</div>
没有结果
从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>
没有结果