引导后向模块添加指令并应用于动态内容

Question

我有一个网页，其中定义了模块（myModule），在其中我使用

angular.bootstrap(element,[myModule.name]);

单击按钮后，我添加了动态html并使用

$compile('<my-element data="data"></my-element>',$scope.$new());

该指令是使用添加的

myModule.directive('myElement',function(){});

问题是当我在调用引导程序之前添加指令时，$ compile最终正确处理了我的指令。但是，如果在调用引导程序后添加了指令，则$
compile不会对我的html起作用。它只是向其添加了ng-scope类，并且未处理指令/标记。

就我而言，在引导程序调用之前，并非所有指令都将被加载。在调用引导程序后加载指令的情况下，如何在页面中使用它？

谢谢。

编辑：只是为了澄清。所有指令均动态加载。我在引导前加载的那些文件工作正常。引导后加载的那些失败。当我交换加载的指令时，我可以得到相同的结果，因此它不是指令，但似乎是自举后，新添加的指令似乎没有生效。

Answer 1

注册惰性控制器或指令的事情是，您必须分别持有 $ controllerProvider 和 $ compileProvider
。

它只能在配置阶段完成，因此必须保留引用，直到加载控制器/指令。

最近，我正在进行控制器的延迟加载，今天我添加了对指令的支持，请在此处查看我的代码：

**https://github.com/matys84pl/angularjs-requirejs-lazy-
controllers/**

特别是这个模块 lazy-directives.js

注意 ：我在项目中使用 RequireJS ，但是将我的解决方案应用于 yepnope 应该很容易。