AngularJS ng-repeat句柄空列表大小写

我认为这将是一个很常见的事情，但我不能找到如何处理它在AngularJS。让我们说，我有一个事件列表，并希望使用AngularJS输出它们，那很容易：

<ul>
    <li ng-repeat="event in events">{{event.title}}</li>
</ul>

但是当列表为空时如何处理这种情况呢？我想要一个消息框，在列表中有类似“无事件”或类似的地方。唯一会接近的是ng-switch with events.length(如何检查是否为空，当一个对象而不是一个数组？)，但是这真的是唯一的选择吗？

你可以使用 ngShow。

<li ng-show="!events.length">No events</li>

见example。

或者你可以使用ngHide

<li ng-hide="events.length">No events</li>

见example。

对象可以测试Object.keys。

原文地址：https://www.jb51.cc/angularjs/148000.html