使用jqlite瞄准嵌套指令元素

Question

我有一个指令，它有一个模板，类似于：

<div class="some-class">
    <div class="some-inner-class">
        <div class="class-to-target">
        </div>
    </div>
</div>

在指令链接函数中，我想将“类到目标”赋值给一个变量，然后使用addClass()和removeClass()。有人能推荐一种干净的方法来实现这一点吗？

任何想法都非常感谢C

Answer 1

对于ng类变量，这应该可以很好地工作。您甚至不需要使用addClass()或removeClass()，您可以简单地从链接函数中操作变量。下面是一个示例用法：

<div ng-class={classToTarget: applyClass}>

然后，在链接函数中，根据是否希望将类应用于div，您只需将applyClass设置为true\false。应该将classToTarget设置为要应用于div的类的名称。

ng类文档中有一些非常好的例子，涵盖了这个精确的场景。有关详细信息，请参阅https://docs.angularjs.org/api/ng/directive/ngClass。