अलग-अलग दायरे बनाने से `ng-include` रोकें। AngularJS

Question

मैं अपने HTML में एकाधिक स्थानों पर ng-include src निर्देश का उपयोग कर रहा हूं। प्रत्येक ng-include अपने लिए एक अलग गुंजाइश बना रहा है जो स्पष्ट रूप से मेरे लिए बहुत परेशानी पैदा कर रहा है।

उदाहरण के लिए

।

<div ng-controller="parent"> 
    <div ng-include src="'id1'"> 
    </div> 
    <div ng-include src="'id2'"> 
    </div> 
    <div ng-include src="'id2'"> 
    </div> 
</div> 

ऊपर वर्णित एचटीएमएल में, 4 स्कॉप्स बनाए जा रहे हैं। 1 पेरेंट पर जहां controller परिभाषित किया गया है और 3 प्रत्येक ng-include src पर डिफ़ॉल्ट रूप से बनाया जा रहा है।

क्या ng-include को अपने लिए एक अलग-अलग दायरा बनाने से रोकने के लिए संभव है? यदि यह संभव नहीं है तो क्या इसके लिए कोई कामकाज है?

Answer 1

आपको अपना खुद का निर्देश बनाना होगा जो निर्दिष्ट टेम्पलेट को अलग-अलग स्कोप लोड कर सकता है।

एचटीएमएल

<div ng-controller="parent"> 
    <div my-directive template-path="id1"> 
    </div> 
    <div my-directive template-path="id2"> 
    </div> 
    <div my-directive template-path="id2"> 
    </div> 
</div> 

निर्देशक

.directive('myDirective', function() { 
    return { 
     restrict: 'AE', 
     templateUrl: function(ele, attrs) { 
      return attrs.templatePath; 
     } 
    }; 
}); 

Working Plunkr