当前位置: 首页 > 面试题库 >

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

公冶嘉
2023-03-14
问题内容

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

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

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


问题答案:

您可以使用ngShow。

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

参见示例。

或者您可以使用ngHide

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

参见示例。

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



 类似资料:
  • 但当列表为空时,我该如何处理该情况?我希望有一个消息框,其中的列表是类似“无事件”或类似的东西。唯一接近的是带有

  • 我正在处理包含数据库中多个记录列表的。 我应该如何指定处理每个子列表的块大小? 感谢您的帮助,提前谢谢。

  • 问题内容: 在,我可以适用于在标签和随意调整表列。但是,这在Bootstrap 4中不起作用。如何在Bootstrap 4中实现类似的功能? 查看提供的codeply大小不正确,特别是如果您向表中添加一些数据。查看其运行方式: 问题答案: 更新于2018 确保您的表包含该类。这是因为Bootstrap4表是“选择加入”的,因此必须有意将类添加到表中。 Bootstrap 3.x还具有一些CSS来重

  • 有时我使用filter,如您所见,有时如果需要,我使用distinct/sort。但是我仍然有很多运行时错误。 我会很乐意提供一些如何处理它的技巧。 @cricket_007 我的代码: 所以基本上,当我试图用嵌套循环解决这个任务时,我得到了O(n^2)的算法复杂度。如何解决?

  • 正如所见,我试图创建一个字符串生成器,其中包含excel行中以分号分隔的值。 问题是,如果列值为空,我希望它在字符串生成器中作为空值,并带有两个连续的分号。 然而,呼叫 就是从来没见过。 如何在迭代器中获得空列值的句柄?

  • 如何创建一个可以容纳10个元素的空列表? 之后,我想在该列表中分配值。例如: 但是,这会导致<code>索引器:列表分配索引超出范围。为什么? 在Python中,列表没有设置的容量,但不可能分配给尚未存在的元素。这里的答案显示了创建一个包含10个“伪”元素的列表的代码,以便稍后替换。然而,大多数遇到这个问题的初学者实际上只是想通过向列表中添加元素来构建列表。这应该使用方法,尽管通常会有特定于问题的