AngularJS: Привязка к transclusive директивы без выделения сферы

Question

Скажет, у меня есть некоторая угловая разметка, как:

<custom bindTo="modelProperty"> 
    <!-- Trascluded content. --> 
</custom> 

было бы возможен для пользовательской директивы, чтобы связать с помощью атрибута bindTo, позволяя свойства должны быть доступны к транслированному контенту, не изолируя объем пользовательских? В принципе, я хочу, директива для привязки к пользовательской части модели, не отрезая его от прицелов своих родителей и без добавления дополнительного кода, как:

scope.prop = scope.$parent.prop; 

Любые идеи?

EDIT Я предполагаю, что это будет структурирована что-то вроде http://plnkr.co/edit/zq2OO1?p=preview, кроме работать и без изолята сферы.

Answer 1

Используя scope: true, вы можете поддерживать доступ к свойствам родительской области с помощью прототипического наследования при сохранении уникальных областей для каждого экземпляра директивы (т. Е. Чтобы она была повторно использована). (Примечание: Убедитесь, что вы наблюдаете the dot rule для любых моделей, которые необходимо изменить в родительской области внутри включено через содержание)

Вам нужно вызвать transclude функции из функции compile, передавая сферу Директивы как первые аргумент, чтобы связать транслируемый контент с ним.

Это может выглядеть примерно так:

.directive('custom', function() { 
    return { 
    restrict: 'E', 
    transclude: true, 
    scope: true, 
    link: function(scope, elem, attrs, ctrl, transclude){ 
     scope.bindTo = scope[attrs.bindTo]; 
     transclude(scope, function(clone){ 
     elem.find('ng-transclude').replaceWith(clone); 
     }); 
    }, 
    template: '<div>From parent scope: <i>{{someVar}}</i> <ng-transclude></ng-transclude></div>' 
    } 
}); 

Demo