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

时间:2013-09-11 19:42:24

标签: javascript jquery angularjs widget angularjs-directive

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

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

或类似。

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

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

2 个答案:

答案 0 :(得分:6)

您还应该记住第三方网站也使用角度的可能性, 可能是一个不同的版本。 查看Multiple versions of AngularJS in one page

答案 1 :(得分:1)

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