मैं इस परिदृश्य है: पृथक गुंजाइश के साथ एक transclude निर्देश जो एक नियंत्रक उस में संलग्न है:पहुँच निर्देश के नियंत्रक
angular.module('app', [])
.directive('hello', function() {
return {
controller: function($scope) {
$scope.hello = "Hello World";
},
restrict: 'E',
replace: true,
transclude: true,
template: '<div class="hello" ng-transclude></div>',
scope: {}
};
});
मैं आगे देख रहा हूँ transcluded तत्वों से निर्देश के नियंत्रक का उपयोग करने की :
<hello>
<h1>Hello Directive</h1>
<p>{{ hello }}</p>
</hello>
हालांकि ऐसा संभव नहीं लगता है। मैंने hello
$parent
और $$nextSibling
के साथ पहुंचने का प्रयास किया।
क्या इस परिदृश्य का कोई समाधान है? मैं निर्देशक उदाहरण के आसपास नियंत्रक को रैपर में रखने में सक्षम नहीं हूं। http://codepen.io/jviotti/pen/ktpbE?editors=101
गैर-कामकाजी उदाहरण में, टेम्पलेट अपेक्षा करता है कि {{hello}} चर मूल रूट दायरे में है, लेकिन यह वास्तव में हैलो निर्देशक दायरे में है। – goldins
https://www.airpair.com/angularjs/posts/transclusion-template-scope-in-angular- डायरेक्टिव्स पर आलेख ने मुझे यह समझने में सहायता की कि यह इस तरह क्यों काम करता है। – sven