Question

可以在返回任何内容之前在指令中运行javascript，也可以在返回任何内容之前在指令的编译步骤中运行：

    angular.module('foo').directive('fooDirective', [function(){
  console.debug('before return');
  return {
    restrict: 'E',
    controller: function($scope){
      console.debug('controller');
    },
    compile: function(scope, elem){
      console.debug('compile');
      return {
        pre: function(scope,elem, attr){
          console.debug('pre');
        },
        post: function(scope,elem,attr){
          console.debug('post');
        }
      }
    }
  }
}]);

  <body ng-app="foo">
    <foo-directive></foo-directive>
    <foo-directive></foo-directive>
  </body>

这会产生以下控制台日志顺序：

before return 
compile
compile 
controller
pre 
post 
controller 
pre 
post

我有几个问题：

1）为什么我想在返回实际的指令对象之前运行代码？什么是用例？

2）为什么我要在返回前/后链接功能之前运行代码？预链接步骤与编译步骤有何不同？什么是用例？

3）当有两个项目时，为什么编译会连续运行两次，而其他所有内容都以相同的顺序迭代地运行，并且与元素的数量无关？

普兰克：http://plnkr.co/edit/1JPYLcPlMerXlwr0GnND?p=preview

Answer 1

您可能希望这样做，以便您可以拥有一些只有您的对象才能使用的私有方法定义。
如果您正在使用某些服务预编译来获取指令的数据，并且在编译后使用数据并对其执行某些操作，您可能希望这样做。
不知道
我认为有一些奇怪的冒泡现象。
因为您只有两个指令实例。

这是我在控制台日志中看到的：

before return 
compile 
compile
controller 
pre 
post 
controller 
pre 
post

返回和编译链之前的angular指令的功能

1 个答案: