Question

我的指令定义如下 -

.directive('codesection', ['$compile', function ($compile) {
  return {
      restrict: 'E',
      scope: { current: '=', parent: '=', index: '=', params: '=' },
      controller: ['Messages', '$scope', 'Modals', 'framewidth', '$http', '$rootScope', function (Messages, $scope, Modals, framewidth, $http, $rootScope) {
          //code
      }],
      link: function (scope, element, attr) {              
          element.bind('mouseover', function (ev) {
              ev.stopPropagation();

              var wrappers = angular.element(document.getElementsByClassName('codesection'));
              angular.forEach(wrappers, function (value, key) {
                  angular.element(value).children('span').removeClass('br');
              });

              element.children('.codesection').children('span').addClass('br');
          });

      },
      compile: function (tElement, tAttr, transclude) {
          var contents = tElement.contents().remove();
          var compiledContents;
          return function (scope, iElement, iAttr) {
              if (!compiledContents) {
                  compiledContents = $compile(contents, transclude);
              }
              compiledContents(scope, function (clone, scope) {
                  iElement.append(clone);
              });

          };
      },
      templateUrl: './partials/directives/codesection.html',          
      replace: true
  }
}])

我遇到的问题是永远不会调用链接函数。谢谢！

P.S。编译逻辑的原因是该指令是递归的。

Answer 1

如果你的意思是link: function (scope, element, attr) {没有被调用，那么它很清楚：编译函数已经返回一个链接函数。定义为link:的内容不再重要，将被忽略。

未调用链接功能

1 个答案: