javascript - angularJS获取html中的当前元素

Question

我想在 angularJS 中做这样的事情:

<div ng-class="{ 'hover-accordion': angular.element(this).children().length >= 3 }">
    <div ng-if="showA">...</div>
    <div ng-if="showB">...</div>
    <div ng-if="showC">...</div>
    <div ng-if="showD">...</div>
    <div ng-if="showE">...</div>
</div>

这意味着如果父 div 有超过 3 个子元素，我想要类“hover-accordion”。
可能吗？

Answer 1

大多数模板显示模型(来自服务器的数据)。使用此模型来改变 View 。我不会依赖底层 DOM 来操作 View 。当然可以，但这不是 Angular 方式。 因此，不要检查 dom 元素的子元素的长度，而是检查 View 呈现的模型数据的长度。

这是我的意思的一个工作插件:http://plnkr.co/edit/SzuAO1BTapelQYI6WFJa?p=preview