javascript - 从 Angular Controller 动态地将脚本注入(inject)到 HTML

Question

我是 Angular 和前端的新手；抱歉，如果我的问题很简单:

我的 Controller 中有以下代码，我在其中填充 $window.user 数据，该数据在我添加到 HTML 文件中的脚本 [2] 中使用

$scope.currentUser.$promise.then(function (data) {
    $window.user = {};
    $window.user.firstName= data.firstName
}

这是我在 HTML 中添加的脚本[2]

<script type="text/javascript" src="https://test.com/embed.js" async></script>

但是，我的数据 ($window.user.firstName) 在加载脚本后传递得太晚了；我想我有两个选择:

1) 获取 $window.user.firstName 后，将我的脚本从我的 Controller 动态注入(inject)/加载到我的 HTML 中。如果这是正确的方法，您会怎么做？

2) 在 $window.onload 上读取 $window.user.firstName？

补充:值得一提的是，如果我不按 promise 填充 $windows.user.firstname 并使用脚本使用的数据之外的一些虚拟数据并且工作正常。

Answer 1

我找到了解决方案:

$('<script type="text/javascript" src="https://myscript/embed.js" async></script>').appendTo('body');

^ 效果很好。但是，如果您发现此解决方案有任何问题，请写在这里。谢谢!