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

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

但当列表为空时,我该如何处理该 case ?我希望有一个消息框,列表中有"无事件"或类似的内容.唯一接近的是ng-switchevents.length(当一个对象而不是一个数组时,我如何判断是否为空?),但这真的是我唯一的 Select 吗?

推荐答案

你可以用ngShow.

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

请参见example.

或者你可以用ngHide

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

example.

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

Javascript相关问答推荐

如何将剧作家请求对象转换为字符串,因为它只提供promise ?

带对角线分隔符的图像滑动器

如何提取Cypress中文本

如何修复内容安全策略指令脚本-SRC自身错误?

React存档iframe点击行为

为什么我的includes声明需要整个字符串?

如何将连续的十六进制字符串拆分为以空间分隔的十六进制块,每个十六进制块包含32个二元组?

useNavigation更改URL,但不呈现或显示组件

JQuery. show()工作,但. hide()不工作

React Code不在装载上渲染数据,但在渲染上工作

WebGL 2.0无符号整数输入变量

如何在模块层面提供服务?

如何将Openjphjs与next.js一起使用?

正则表达式,允许我匹配除已定义的子字符串之外的所有内容

检索相加到点的子项

在Reaction中的handleSubmit按钮内,useSelector值仍然为空

try 将Redux工具包与MUI ToggleButtonGroup组件一起使用时出错

处理app.param()中的多个参数

我正在试着做一个TicTacToe Ai来和我玩.但是,我试着在第一个方块被点击时出现一个X,然后在第二个方块之后出现一个O

为什么我看到的是回复,而不是我的文档?