$ RootScope को अलग-अलग दायरे वाले निर्देश के टेम्पलेट में एक्सेस क्यों नहीं किया जा सकता है?

Question 1

अलग-अलग स्कोप के साथ निर्देश का टेम्प्लेट कंट्रोलर ('Ctrl') $ rootScope वैरिएबल को एक्सेस करने में सक्षम नहीं लगता है, हालाँकि, जो डायरेक्टर के कंट्रोलर में दिखाई देता है। मुझे समझ में आया कि क्यों नियंत्रक ('Ctrl') $ स्कोप वैरिएबल अलग-अलग स्कोप में दिखाई नहीं देता है।

HTML:

<div ng-app="app">
    <div ng-controller="Ctrl">
        <my-template></my-template>
    </div>

    <script type="text/ng-template" id="my-template.html">
        <label ng-click="test(blah)">Click</label>
    </script>
</div>

जावास्क्रिप्ट:

angular.module('app', [])
    .controller('Ctrl', function Ctrl1($scope,  $rootScope) {
        $rootScope.blah = 'Hello';
        $scope.yah = 'World'
    })
    .directive('myTemplate', function() {
        return {
            restrict: 'E',
            templateUrl: 'my-template.html',
            scope: {},
            controller: ["$scope", "$rootScope", function($scope, $rootScope) {
                console.log($rootScope.blah);
                console.log($scope.yah);,

                $scope.test = function(arg) {
                    console.log(arg);
                }
            }]
        };
    });

JSFiddle

वैरिएबल को अलग-अलग दायरे के साथ एक्सेस किया जाता है - जैसा कि आइसोलेट स्कोप लाइन को कमेंट करके देखा जा सकता है:

        // scope: {},

Question 2

आप इस तरह से प्रयोग करके देख सकते हैं $root.blah

कार्य कोड

एचटीएमएल

 <label ng-click="test($root.blah)">Click</label>

जावास्क्रिप्ट

  angular.module('app', [])
    .controller('Ctrl', function Ctrl1($scope,  $rootScope) {
        $rootScope.blah = 'Hello';
        $scope.yah = 'World'
    })
    .directive('myTemplate', function() {
        return {
            restrict: 'E',
            templateUrl: 'my-template.html',
            scope: {},
            controller: ["$scope", "$rootScope", function($scope, $rootScope) {
                console.log($rootScope.blah);
                console.log($scope.yah);

                $scope.test = function(arg) {
                    console.log(arg);
                }
            }]
        };
    });

Question 3

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

एक स्थिर (या मान ... उपयोग समान है):

.constant('blah', 'blah')

https://docs.angularjs.org/api/ng/type/angular.Module

एक कारखाना (या सेवा या प्रदाता):

.factory('BlahFactory', function() {
    var blah = {
        value: 'blah'
    };

    blah.setValue = function(val) {
      this.value = val;
    };

    blah.getValue = function() {
        return this.value;
    };

    return blah;
})

यहाँ आपके फिडेल का एक कांटा है जो यह दर्शाता है कि आप कैसे उपयोग कर सकते हैं

Question 4

1) $scopeअपने कंट्रोलर में अलग-अलग स्कोप की वजह से Ctrl और डायरेक्टरी में कंट्रोलर एक ही स्कोप को रेफर नहीं करते हैं - मान लीजिए कि हमारे पास Ctrl में स्कोप 1 और डायरेक्शन में स्कोप 2 है।

2) क्योंकि अलग दायरे से scope2 नहीं है prototypicallly से विरासत $rootScope; इसलिए यदि आप परिभाषित करते $rootScope.blahहैं कि कोई मौका नहीं है तो आप इसे स्कोप 2 में देख सकते हैं ।

3) आप अपने निर्देशकीय टेम्पलेट में क्या एक्सेस कर सकते हैं गुंजाइश 2 है

अगर मैं इसे समेटता हूं, तो यहां उत्तराधिकार स्कीमा है

    _______|______
    |            |
    V            V
$rootScope     scope2
    |
    V
  scope1


$rootScope.blah
> "Hello"
scope1.blah
> "Hello"
scope2.blah
> undefined

Question 5

मैं यह एक पुराना सवाल जानता हूं। लेकिन इसने इस बारे में मेरी जिज्ञासा को संतुष्ट नहीं किया कि अलग-थलग गुंजाइश $ जड़ों में संपत्ति तक क्यों नहीं पहुंच पाएगी।

इसलिए मैंने कोणीय परिवाद में खोदा और पाया -

$new: function(isolate) {
  var ChildScope,
      child;

  if (isolate) {
    child = new Scope();
    child.$root = this.$root;
    child.$$asyncQueue = this.$$asyncQueue;
    child.$$postDigestQueue = this.$$postDigestQueue;
  } else {

    if (!this.$$childScopeClass) {
      this.$$childScopeClass = function() {
        // blah blah...
      };
      this.$$childScopeClass.prototype = this;
    }
    child = new this.$$childScopeClass();
  }

जब भी कोई नया स्कोप बनता है तो यह कोणीय द्वारा कहा जाता है। यहाँ यह स्पष्ट है कि कोई भी अलग-थलग दायरा मूलरूप से मूलरूप से विरासत में नहीं है। बल्कि नए दायरे में केवल 'रूट' के रूप में जोड़ा गया है। इसलिए हम केवल नए पृथक क्षेत्र में $ जड़ संपत्ति से जड़ों के गुणों का उपयोग कर सकते हैं।