AngularJS ng重复处理空列表大小写

Question

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

但当列表为空时，我该如何处理该情况？我希望有一个消息框，其中的列表是类似“无事件”或类似的东西。唯一接近的是带有events.length的ng开关（当对象不是数组时，如何检查是否为空？）？




Answer 1

如果只想在列表为空时从DOM中删除ul，则可能需要签出angular ui指令ui if：

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

Answer 2

如果你想在过滤列表中使用这个，这里有一个简单的技巧：

<ul>
    <li ng-repeat="item in filteredItems  = (items | filter:keyword)">
        ...
    </li>
</ul>
<div ng-hide="filteredItems.length">No items found</div>

Answer 3

您可以使用ngShow。

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

参见示例。

或者你可以使用ngHide

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

参见示例。

对于对象，您可以测试Object.keys.