小编典典

AngularJS ng-repeat 处理空列表情况

all

我认为这将是一件很常见的事情,但我找不到如何在 AngularJS 中处理它。假设我有一个事件列表并想用 AngularJS 输出它们,那么这很容易:

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

但是当列表为空时,我该如何处理呢?我想在列表所在的位置放置一个消息框,其中包含“无事件”或类似内容。唯一会接近的是ng-switchwith
events.length(当对象而不是数组时如何检查是否为空?),但这真的是我唯一的选择吗?


阅读 74

收藏
2022-03-28

共1个答案

小编典典

您可以使用ngShow

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

例子

或者你可以使用ngHide

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

例子

2022-03-28