如何使用AngularJs构建一个嵌入第三方网站的小部件？

Question

我想创建一个angularjs小部件,可以使用最少的代码嵌入第三方网站

<script src=mywidget.js type=...></script>
<div id="mywidgetContainer"></div>

或类似的.

我发现了一些资源,例如本文用于使用jquery http://alexmarandon.com/articles/web_widget_jquery/开发小部件.

如何使用Angularjs完成？有什么聪明的方法可以利用诸如指令/观点等角度特征来达到这个目的？有什么问题？请提出您的意见/建议/意见/经验.

Answer 1

您还应该记住,第三方网站也可能使用角度,可能还有不同的版本.在一个页面中检查AngularJS的多个版本

Answer 2

这似乎对我有用。在脚本中，我将 Container div 的innerHTML 属性设置为角度视图标记代码。关键点是在页面加载后使用angular.$bootstrap手动引导应用程序。我没有看到创建指令有任何特殊的价值。指令需要成为视图代码的一部分，并且仍然需要使用innerHTML 分配给容器。