小编典典

AngularJS ng-repeat处理空列表大小写

angularjs

我以为这是很普通的事情,但是我找不到如何在AngularJS中处理它。假设我有一个事件列表,想用AngularJS输出它们,那很简单:

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

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


阅读 244

收藏
2020-07-04

共1个答案

小编典典

您可以使用ngShow

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

参见示例

或者您可以使用ngHide

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

参见示例

对于对象,您可以测试Object.keys。

2020-07-04