加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

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

发布时间:2020-12-17 09:35:39 所属栏目:安全 来源:网络整理
导读:我认为这将是一个很常见的事情,但我不能找到如何处理它在AngularJS。让我们说,我有一个事件列表,并希望使用AngularJS输出它们,那很容易: ul li ng-repeat="event in events"{{event.title}}/li/ul 但是当列表为空时如何处理这种情况呢?我想要一个消息
我认为这将是一个很常见的事情,但我不能找到如何处理它在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。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读