Javascript 在Angular.js中操作第三方组件DOM而不使用jQuery

使用angular.js时，您应该忘记jQuery的存在，这是一条常见的规则

这让我在处理第三方控件时感到很困难。举个例子，让我们考虑使用一个没有官方角度支持的库，它采用了

<div id="searchWidgetDiv" />

现在，我想向这些子标签中的一个添加CSS类，或者根据用户输入添加一些额外的HTML标签

据我所知，处理DOM操作的方法是创建指令。但是指令不能影响在SearchWidget构造函数中创建HTML元素。因此，很自然地，我认为没有其他办法，只能在事后将该类“黑客”到DOM中——这是一种典型的jQuery情况

---

这样做的角度是什么？

我不明白你的真正意思。。。如果你创建了一个指令，比如说，你用你想要的任何东西填充它，然后在你的“指令的子项”上使用一些ng click、ng class、ng whatever或ng之类的东西来做你的动态工作……谢谢你，问题是searchwidgets子项元素（比如div、input、span标记或任何东西），由第三方组件javascript代码创建，不在我的指令内。我不明白如何访问这些孩子。例如，你不可以从angularjs控制器中添加这些孩子吗？

<div id="searchWidgetDiv">
   <div class="wrapper">
      <span class="title"></span>
      <input type="text" /> <input type="submit">
   </div>
</div>