Angular 指令使用 ng-if 包裹子元素

Question

我一直在環顧四周，但到目前為止我找不到答案。

這是我想要做的一個例子： http : //plnkr.co/edit/YenU1z3gs0TMjK4rNofu

這是我的問題：

在 dataSlider 指令中，我想包裝所有子元素

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

與另一個具有 ng-if 的 div

<div ng-if="something">

以便指令可以影響哪些孩子如此展示，哪些不展示。

希望我設法讓自己清楚。 如果我失敗了，請告訴我。

Answer 1

這是我想出的解決方案：

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