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

Question

有没有人使用AngularJS for Chrome扩展？

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

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

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

Answer 1

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

如果你不想搞乱任何现有的角码，你应该使用iframe。如果您需要从网页中获取值并将其放入iframe中，并且担心跨域问题，则可以从网页获取值，并将其通过Chrome扩展传递到您的iframe中。

如果你不想使用iframe，你也可以检查页面是否有ng-app指令，如果是，你插入的代码（div）有一个ng控制器以及角度代码，所以它可以从主角应用程序中“背驮”。