javascript - 如何在注入了 Chrome 扩展的 HTML 中使用 AngularJS？

Question

有没有人使用 AngularJS 进行 Chrome 扩展？

如果我想在一个页面中插入一个 div，我应该能够定义我的布局和结构，那么策略应该是什么。

如果页面已经将任何父元素声明为 ngApp，我也不想弄乱页面，考虑到该网页也在使用 Angular。

或者我应该注入一个 iframe 来加载我的应用程序？

Answer 1

是的，这是可能的。您必须将 angularjs 与您的代码一起注入每个窗口。

如果您不想弄乱任何现有的角度代码，您应该使用 iframe。如果您需要从网页中抓取值并将它们放入 iframe 并担心跨域问题，您可以从网页中获取值并通过 chrome 扩展将它们传递到您的 iframe 中。

如果你不想使用 iframe，你也可以检查页面是否有 ng-app 指令，如果有，你插入的代码（div）有一个 ng-controller 和 angular 代码，所以它可以“背负”主要的角度应用程序。