当搜索字符串数组以角度为空时，在 ng-repeat 中显示消息答案

【问题标题】：Showing message in ng-repeat when search string array is empty in angular当搜索字符串数组以角度为空时，在 ng-repeat 中显示消息
【发布时间】：2016-10-07 05:45:27
【问题描述】：

<ul class="data-ctrl mCustomScrollbar" id="scrollbar" data-mcs-theme="minimal-dark dark123" data-ng-init="initScrollBar()">
                    <li data-ng-repeat="i in items | searchFor:searchString | limitTo:limit" >
                        <p><a data-ng-href="{{i.link}}" class="search-link">{{i.title}}</a></p>
                        <p>{{i.description}}</p>
                        <p><a class="small" data-ng-href="{{i.link}}">{{i.link}}</a></p>        
                <li data-ng-repeat-empty >No Records Found</li>     
                    </li>

                </ul>

我正在使用上面的代码向用户提供搜索选项。当我尝试使用 data-ng-repeat-empty 从我的 json db 文件中的搜索字符串为空时显示找不到记录的消息时，但问题是“否” Records Found' 显示记录找到和记录未找到这两种情况。

【问题讨论】：

标签： angularjs

【解决方案1】：

将过滤器数据存储在变量中，然后检查变量的长度它将起作用。

<ul>
    <li data-ng-repeat="i in filterItem = (items | searchFor:searchString | limitTo:limit)" >
       <p><a data-ng-href="{{i.link}}" class="search-link">{{i.title}}</a></p>
       <p>{{i.description}}</p>
       <p><a class="small" data-ng-href="{{i.link}}">{{i.link}}</a></p>        
    </li>
    <li ng-if="!filterItem.length">No Records Found</li> 
</ul>

【讨论】：

【解决方案2】：

您可以通过 ng-if 或 ng-show

来查看items.length

并将您的消息放在ng-repeat之外

<ul>
    <li data-ng-repeat="i in items | searchFor:searchString | limitTo:limit" >
       <p><a data-ng-href="{{i.link}}" class="search-link">{{i.title}}</a></p>
       <p>{{i.description}}</p>
       <p><a class="small" data-ng-href="{{i.link}}">{{i.link}}</a></p>        
    </li>
    <li ng-if="!items.length">No Records Found</li> 
</ul>

【讨论】：

搜索完成后只需检查 items.length 即可。
很高兴看到，祝你好运:)