Angularjs 如果ng repeat未返回结果,则显示ng

Angularjs 如果ng repeat未返回结果,则显示ng,angularjs,Angularjs,我在angularjs中有一个由ng repeat生成的列表 <ul class="list-group"> <li class="list-group-item" ng-repeat="item in items" ng-show="item.Show"> <h4>Name: {{item.Name}}</h4> </li> <li class="list-group-item" ng-s

我在angularjs中有一个由ng repeat生成的列表

<ul class="list-group">
    <li class="list-group-item" ng-repeat="item in items" ng-show="item.Show">
        <h4>Name: {{item.Name}}</h4>
    </li>
    <li class="list-group-item" ng-show="items.length == 0">
        <h4>No matching items</h4>
    </li>
</ul>
  • 名称:{{item.Name}
  • 没有匹配项
在这个过于简化的示例中,我展示了一个从基于json的对象生成的列表 关于布尔值是否设置为true或false。如果没有符合此规则的项目,我如何显示消息?
我只找到了与文本过滤相关的答案,所以我希望这不是重复的答案。

有一个范围变量来检查json是否有正确的项,请检查下面的代码

<li class="list-group-item" ng-repeat="item in items" ng-if="item.Show" ng-show="hasResults" >
  <h4><p>Name: {{item.Name}}</p></h4>
</li>
<li class="list-group-item" ng-hide="hasResults">
  <h4>No matching items</h4>
</li>

这应该可以做到:

<ul class="list-group">
    <li class="list-group-item" ng-repeat="item in items" ng-if="Object.keys(items).length > 0">
        <h4>Name: {{item.Name}}</h4>
    </li>
    <li class="list-group-item" ng-if="Object.keys(items).length <= 0">
        <h4>No matching items</h4>
    </li>
</ul>
  • 名称:{{item.Name}
  • 没有匹配项
<ul class="list-group">
    <li class="list-group-item" ng-repeat="item in items" ng-if="Object.keys(items).length > 0">
        <h4>Name: {{item.Name}}</h4>
    </li>
    <li class="list-group-item" ng-if="Object.keys(items).length <= 0">
        <h4>No matching items</h4>
    </li>
</ul>