我如何在Angularjs上部分加载javascript文件依赖项答案

【问题标题】：How do i load a javascript file dependency in partial on Angularjs我如何在Angularjs上部分加载javascript文件依赖项
【发布时间】：2018-07-02 14:34:21
【问题描述】：

我正在使用 AngularJS 构建一个 SPA。

我怎样才能加载一个javascript文件作为依赖，但是这个依赖不能在index.html的head标签中声明，因为和部分依赖的另一个依赖冲突，即我需要注入依赖时partial 被调用，当我从这个 partial 离开到另一个时，我需要删除这个依赖。

依赖是：

<script src="/geodera/js/validatorsignup.js"></script>

我有 index.html 作为布局，signup.html 作为这个依赖项需要的部分，而 UserCtrl.js 作为那个部分的控制器。

如果我的问题不清楚，我很抱歉，因为我有点迷路了。

【问题讨论】：

这是XY problem。一旦包含依赖项，就没有删除依赖项这样的事情。需要弄清楚实际的冲突是什么，或者使用替代方法来做验证器注册所做的任何事情
您可以在 UserCtrl.js 控制器的顶部使用导入吗？还是 UserCtrl.js 依赖？
是的，可以肯定的是，我目前正在使用 document.body.appendChild 通过控制器进行此注入，但是一旦我访问部分并加载了依赖项，当我导航到另一个时，该依赖项仍然被加载并且与另一个的冲突是从另一个部分注入的。
你在项目中使用 webpack 吗？

标签： javascript html angularjs node.js

【解决方案1】：

您可以在 UserCtrl.js 控制器的顶部使用 import 来仅包含该控制器的依赖项。

import ValidatorSignup from '/geodera/js/validatorsignup.js';

然后就可以使用变量名ValidatorSignup下的依赖了

【讨论】：

嘿，乔治，但是有了这个，/geodera/js/validatorsignup.js 会在视图渲染上加载，或者需要在视图上调用 ValidatorSignup 吗？
无论何时使用 UserCtrl 控制器，它都会被加载并访问；并且只能从该控制器内访问。所以没有发生冲突的风险。