javascript - AngularJS ng-repeat 处理空列表情况

标签 javascript angularjs angularjs-ng-repeat angularjs-ng-show

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

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

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

最佳答案

您可以使用 ngShow .

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

example .

或者您可以使用 ngHide

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

example .

您可以测试的对象 Object.keys .

关于javascript - AngularJS ng-repeat 处理空列表情况,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12340095/

相关文章:

javascript - jQuery 用户界面 : How to pass values to dialog

javascript - angular.js 中文本框的唯一数字

javascript - 我如何告诉 Selenium Angular Controller 有 "loaded"

angularjs - 嵌套指令和 ng-repeat 异常 TypeError : Cannot read property 'insertBefore' of null

javascript - 嵌套 ng-repeat 的问题

Javascript:如何提取字符串中的测量值

javascript - RXJS6 - 从返回 Observable 的 Promise 函数返回 Observable?

javascript - 为什么 AngularJS 表达式在 HTML 模板中只被替换一次?

javascript - new Date().setFullYear(new Date().getFullYear()) 返回一个 13 位数字

html - 图像始终在 Angular JS View 中挂起