angularJS在html中获取当前元素

时间:2013-11-07 10:02:35

标签: javascript html angularjs angular-ui

我想在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'。
有可能吗?

2 个答案:

答案 0 :(得分:2)

大多数模板显示模型(来自服务器的数据)。使用此模型可以更改视图。我不会依赖底层的DOM来操纵视图。当然可以,但这不是有角度的方式。 因此,不是检查dom元素的子项长度,而是检查视图呈现的模型数据的长度。

以下是我的意思:http://plnkr.co/edit/SzuAO1BTapelQYI6WFJa?p=preview

答案 1 :(得分:-1)

孩子是由PHP(或其他服务器端代码)制作的?使用PHP计算并添加类。 但如果孩子是用角度模型制作的,那么就应该使用模型的长度。

对吗?