3

我正在尝试动态创建指令，实际上我做到了，但接缝非常糟糕。

这是我的第一种方法：

function create(myDir) {
   angular.module("app").directive(myDir.name, function() {
   return {
     template:myDir.template
   };
  });
}

它不起作用，因为您无法在应用程序启动后注册指令。

基于这篇文章：http ://weblogs.thinktecture.com/pawel/2014/07/angularjs-dynamic-directives.html

我发现我可以使用 compileProvider 来完成这项工作，但是由于 compileProvider 在 config 块之外不可用，你需要把它拿出来，所以我做了：

var provider = {};
angular.module("app",[]);        

angular.module('app')
.config(function ($compileProvider) {
    //It feels hacky to me too.
    angular.copy($compileProvider, provider);
 });
....

function create(myDir) {
    provider.directive.apply(null, [myDir.name, function () { 
        return { template: myDir.template } }]);
    render(myDir); //This render a new instance of my new directive
}

令人惊讶的是它奏效了。但是我不想破解compileProvider ，因为我没有按照预期的方式使用它，我真的很想知道在应用程序启动后是否可以正确使用compileProvider。

4

1 回答 1

3

有一个可以注入config块的依赖项列表（这些是内置的$provide，$injector以及所有服务提供者）和一个可以注入到其他任何地方的依赖项列表（服务实例和旧的$injector）。如您所见，constant所做的只是将依赖项添加到两个列表中。

在外部使用提供程序的常见方法config是

app.config(function ($provide, $compileProvider) {
  $provide.constant('$compileProvider', $compileProvider);
});
于 2015-09-30T16:23:48.183 回答