我认为这将是一件很常见的事情,但我找不到如何在 AngularJS 中处理它。假设我有一个事件列表并想用 AngularJS 输出它们,那么这很容易:
<ul> <li ng-repeat="event in events">{{event.title}}</li> </ul>
但是当列表为空时,我该如何处理呢?我想在列表所在的位置放置一个消息框,其中包含“无事件”或类似内容。唯一会接近的是ng-switchwith events.length(当对象而不是数组时如何检查是否为空?),但这真的是我唯一的选择吗?
ng-switch
events.length
您可以使用ngShow。
<li ng-show="!events.length">No events</li>
见例子。
或者你可以使用ngHide
<li ng-hide="events.length">No events</li>