类的 AngularJS Watch 模板答案

【问题标题】：AngularJS Watch template for class类的 AngularJS Watch 模板
【发布时间】：2013-04-23 22:32:45
【问题描述】：

我有一个 Angular 应用程序，它在某个时刻通过 jquery 将一个类注入到 DOM 中。我正在尝试构建一个仅限于该类的指令，并且可以在该类存在时采取行动。我以前使用过 $watch 指令，但不是在这种情况下。我遇到的问题是我想将指令限制为动态类并添加一个链接函数来做一些事情，并且这个类可能在任何给定时间存在于多个元素上。我不知道如何促进这一点。

这是我的意思的一个Plunk

http://plnkr.co/edit/1cyEZt8SgohnWLkpLnbL?p=preview

【问题讨论】：

为什么不在指令中注入类而不是通过 jquery 注入？
那肯定行得通，我面临的问题是我目前正在尝试使用 jquery 的灯箱插件来做到这一点。我一直在寻找一种以直角产生灯箱效果的方法，但还没有找到一个很好的解决方案。基本上我有一个指令调用插件来创建灯箱，一旦灯箱在视图中，我想添加我的动态内容

标签： jquery dom angularjs

【解决方案1】：

修改后需要$compile元素。

$("#DynamicDiv").addClass("dynamic");
$compile($("#DynamicDiv"))($scope);

在this fork of your plunk 中，我将这两行移至控制器，以便更轻松地访问$compile 服务。

【讨论】：