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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/angularjs/148000.html

猜你在找的Angularjs相关文章