繁体   English   中英

动态加载整个角度应用

[英]Dynamically load an entire angular app

所以我有一个奇怪的情况,我认为它不会起作用,但是我想我会问,以防万一,有人知道该怎么做。 我正在使用第3方网站来创建营销渠道。 您可以添加自己的自定义html和javascript,但它会以不利的方式解析html。 基本上,您可以在页面上指定一个元素,并将其作为数据属性附加并动态地将其加载到DOM中。 由于这种情况是通过这种方式发生的,因此我的应用未初始化,因为它不在页面加载时的DOM中。 有没有办法使这项工作? 我将更深入地解释我的配置。

我添加自定义html,例如:

<div data-ng-app="AppName"><div data-ng-controller="ControllerName"><div>perform controller logic here</div></div>

如您所见,这需要在DOM中才能进行应用初始化和正常运行。 页面动态加载后,有没有办法初始化应用程序? 我可以在自定义html字段中添加自己的JS文件,但这仅是我可以进行自定义的范围。 任何帮助表示赞赏!

也许在加载所需的dom后,您应该在脚本中手动执行angular的bootstrap函数。

var app = angular.module('appName', []);
app.controller([...]);
angular.bootstrap(document.getElementById('divId'), ['appName']);

有关更多信息,您可以查看此文档https://docs.angularjs.org/api/ng/function/angular.bootstrap

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM