Доступ к изолированной родительской области из переопределенной директивы

Question

Я столкнулся с ситуацией, которая кажется противоположной любому аналогичному вопросу здесь, на StackOverflow.

У меня есть директива <scroll>, которая просто обертывает любой контент, который он имеет, с прокручиваемым div. Это выглядит примерно так:

.directive('scroll', ['$document','$parse', function ($document,$parse) { 
return { 
    restrict: 'E', 
    replace: true, 
    transclude: true, 
    scope:false, 
    template: 
     '<div class="scroll">' + 
      '<div class="content" data-ng-transclude>' + 
      '</div>' + 
     '</div>', 
    link: function (scope, element, attr) { 
     // some code here.... 
    } 
}; 
}]); 

Это прекрасно работает само по себе.

Теперь у меня есть еще директиву под названием <editor>, который имеет изолированный объем и использует <scroll> в это шаблон. <editor> выглядит более или менее, как:

.directive('editor', ['$document', function ($document){ 
return { 
    restrict: 'EA', 
    replace: true, 
    transclude: false, 
    scope:true, 
    template: 
     '<div>' + 
      '....<scroll>....</scroll>....' + 
     '</div>', 
    link: function (scope, element, attrs) { 
     ..... 
    } 
}; 
}]); 

Теперь, вот в чем дело: мне нужно, чтобы получить доступ к области видимости s внутри <scroll> '<editor> функции связи с (где он говорит, что „какой-то код здесь“), но по какой-то причине Я не могу. Переменная scope в функции ссылки <scroll> в значительной степени пуста, и scope.$parent дает мне контроллер выше, пропуская <editor>, который должен быть в пути.

Я пытался играть с ng-transclude в разных местах в <editor> и попытался с помощью $emit, и я действительно невежествен об этом - я думаю, что изоляция сферы будет изолировать «меня и все, что ниже меня» от того, что выше, но кажется, что изоляция области просто берет «я» из дерева области ...

Надеюсь, что это достаточно ясно, спасибо.

Answer 1

Код, указанный для директивы editor, не создает область изоляции. Вместо этого он создает новую дочернюю область, которая прототипически наследуется от родительской/содержащей области.

Поскольку scroll директива scope: false, он будет использовать сферу ребенка, что создает editor - нет необходимости в $parent.

Да, функция связи для editor будет работать после функции связи для scroll. Тем не менее, функция контроллера для editor (если определить один) будет работать до функции связи для scroll:

app.directive('scroll', ['$document','$parse', function ($document,$parse) { 
return { 
    restrict: 'E', 
    replace: true, 
    transclude: true, 
    scope:false, 
    template: 
     '<div class="scroll">' + 
      '<div class="content" data-ng-transclude>' + 
      '</div>' + 
     '</div>', 
    link: function (scope, element, attr) { 
     // some code here.... 
     console.log('link_editor=',scope.link_editor); // value is "undefined" 
     console.log('ctrl_editor=',scope.ctrl_editor); // value is "true" 
    } 
}; 
}]); 
app.directive('editor', ['$document', function ($document){ 
return { 
    restrict: 'EA', 
    replace: true, 
    transclude: false, 
    scope:true, 
    template: 
     '<div>' + 
      'stuff <scroll>content to scroll</scroll> more stuff' + 
     '</div>', 
    link: function (scope, element, attrs) { 
     scope.link_editor = true; 
    }, 
    controller: function($scope) { 
     $scope.ctrl_editor = true; 
    } 
}; 
}]);