用ng-if包裹子元素

Angular Directive Wrap child Elements with ng-if

本文关键字:元素 包裹 ng-if      更新时间:2023-09-26

我一直在寻找答案,但到目前为止我还没有找到答案。

下面是我想要做的一个例子:http://plnkr.co/edit/YenU1z3gs0TMjK4rNofu

我的问题是:

在dataSlider指令中,我想包装所有子元素

<div ng-repeat="dataSet in vm.dataList"></div>

与另一个带有ng-if

的div
<div ng-if="something">

,这样指令就可以决定哪些子元素可以显示,哪些不可以。

希望我已经说清楚了。如果我失败了,请告诉我。

这是我想到的解决方案:

/* @ngInject */
function Compile (tElement) {
    var children = tElement.children();
    children.attr('ng-if', '$index === vm.displayedList');
}