Angular 指令为其他指令加载 JS 文件

Question

我正在尝试为用户最小化 js/css/html 占用空间并仅加载真正需要的文件。为此，我使用了 RequireJS。对于我的模板，我正在尝试实现类似于 在 C# 中使用 部分或在 TypeScript 中使用 ///< reference path='...' > 但是不知何故取决于我的模板内容它是否实例化 depends-on 指令取决于我有的模板：

作品：

<depends-on path="..\..\test"></depends-on>
<login-form></login-form>

无效：

<depends-on path="..\..\test"></depends-on>
<login-form></login-form>
<other-directive></other-directive>

无效：

  <div>
     <depends-on path="..\..\test"></depends-on>
     <login-form></login-form>
  </div>

我显然错过了 Angular 解析和处理模板的方式。有没有办法实现我想要做的事情？

Answer 1

好的，问题是它没有等到所有依赖的指令模板都被加载。为确保加载依赖项，依赖代码应在传递给 require 函数的回调中。

Angular 指令为其他指令加载 JS 文件

Angular directive to load JS files for the other directives

javascript

requirejs

angularjs