एंगुलरजेएस निर्देश - पृथक स्कोप और विरासत स्कोप

Question

मैं अलग-अलग दायरे और निर्देश में विरासत में गुंजाइश के बीच अंतर को समझने की कोशिश कर रहा हूं। यह एक उदाहरण मैं अपने आप को समझाने के लिए तैयार है:

एचटीएमएल

<div ng-controller="AppController"> 
    <div my-directive> 
     Inside isolated scope directive: {{myProperty}} 
    </div> 

    <div my-inherit-scope-directive> 
     Inside inherited scope directive: {{myProperty}} 
    </div> 
</div> 

जे एस

angular.module("myApp", []) 
     .directive("myInheritScopeDirective", function() { 
      return { 
       restrict: "A", 
       scope: true 
      }; 
     }) 
     .directive("myDirective", function() { 
      return { 
       restrict: "A", 
       scope: {} 
      }; 
     }) 
     .controller("AppController", ["$scope", function($scope) { 
      $scope.myProperty = "Understanding inherited and isolated scope"; 
     }]); 

कोणीय-1.1.5 के साथ कोड निष्पादित, यह रूप में काम करता मुझे उम्मीद थी: मेरे निर्देश के अंदर {{myProperty}} undefined अलग-अलग दायरे के कारण होगा, जबकि मेरे-वारिस-स्कोप-निर्देश के लिए, {{myProperty}} के पास मूल्यहोगा।

लेकिन कोणीय-1.2.1 के साथ निष्पादन, {{myProperty}} दोनों निर्देशों में Understanding inherited and isolated scope आउटपुट करता है।

मुझे कुछ भी याद आ रहा है?

Answer 1

आपके निर्देश के अंदर टेक्स्ट नोड नियंत्रक दायरे से जुड़ा हुआ है। इसलिए निर्देश का दायरा कोई प्रभाव नहीं पड़ता है। मुझे लगता है कि v1.2 के रूप में changed है।

.directive("myIsolatedDirective", function() { 
    return { 
     template: 'Inside isolated in template scope directive: {{myProperty}}', 
     restrict: "A", 
     scope: { 
      myProperty: '=' 
     } 
    }; 
}) 

चेक this fiddle: आप अपने निर्देश के लिए एक टेम्पलेट का उपयोग करने के लिए है।