相关疑难解决方法(0)

在编写Angular指令时,可以使用以下任何函数来操作声明指令的元素的DOM行为,内容和外观:

• 编
• 调节器
• 前链路
• 后链接

对于应该使用哪种功能似乎存在一些混淆.这个问题包括:

指令基础知识

• 如何申报各种功能？
• 源模板和实例模板有什么区别？
• 执行指令函数的顺序是什么？
• 这些函数调用之间还会发生什么？

功能性,做和不做

• 编
• 调节器
• 预链接
• 帖子链接

相关问题:

• 指令:链接vs编译与控制器.
• 定义angular.js指令时,'controller','link'和'compile'函数之间的区别.
• angularjs中的编译和链接函数有什么区别.
• AngularJS指令中的pre-compile和post-compile元素之间的区别？.
• Angular JS指令 - 模板,编译或链接？.
• 在Angular js指令中发布链接与预链接.

我正在尝试构建一个指令,负责向声明它的元素添加更多指令.例如,我想构建一个负责添加的指令datepicker,datepicker-language和ng-required="true".

如果我尝试添加这些属性然后使用$compile我显然会生成一个无限循环,所以我正在检查我是否已经添加了所需的属性:

angular.module('app')
  .directive('superDirective', function ($compile, $injector) {
    return {
      restrict: 'A',
      replace: true,
      link: function compile(scope, element, attrs) {
        if (element.attr('datepicker')) { // check
          return;
        }
        element.attr('datepicker', 'someValue');
        element.attr('datepicker-language', 'en');
        // some more
        $compile(element)(scope);
      }
    };
  });

当然,如果我没有$compile元素,那么将设​​置属性但是指令不会被引导.

这种方法是正确的还是我做错了？有没有更好的方法来实现相同的行为？

UDPATE:鉴于这$compile是实现这一目标的唯一方法,有没有办法跳过第一个编译传递(该元素可能包含几个子节点)？也许通过设置terminal:true？

更新2:我已经尝试将指令放入一个select元素中,正如预期的那样,编译运行两次,这意味着预期option的数量是预期的两倍.

compileangularjs'指令的功能有两个功能:preLink和postLink.

预连接功能

在子元素链接之前执行.由于编译器链接功能无法找到正确的链接元素,因此进行DOM转换是不安全的.

后连接功能

链接子元素后执行.在链接后功能中进行DOM转换是安全的.

它告诉我们不应该做什么preLink,我想知道什么时候应该使用preLink什么？我刚刚使用过的大部分时间postLink.有什么情况我们必须使用它吗？