如何使用 AngularJs 构建要嵌入到第三方网站中的小部件

How to build a widget to embed in third-party websites using AngularJs?

本文关键字：网站第三方小部 AngularJs 何使用构建更新时间：2023-09-26

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

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

或类似。

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

如何使用Angularjs完成？以何种巧妙的方式利用诸如指令/视图等角度特征来实现此目的？如果有的话，有什么陷阱？请提出您的想法/建议/意见/经验。

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

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