अलग नियंत्रकों

Question

मेरी rootscope में से संशोधित $ rootscope संपत्ति मैं एक visible संपत्ति जो एक div की दृश्यता को नियंत्रित करता है

app.run(function ($rootScope) { 
    $rootScope.visible = false; 
}); 

उदाहरण HTML है:

<section ng-controller='oneCtrl'> 
    <button ng-click='toggle()'>toggle</button> 
    <div ng-show='visible'> 
     <button ng-click='toggle()'>&times;</button> 
    </div> 
</section> 

नियंत्रक:

var oneCtrl = function($scope){ 
    $scope.toggle = function() { 
     $scope.visible = !$scope.visible; 
    }; 
} 

उपर्युक्त अनुभाग ठीक काम करता है, तत्व बिना किसी समस्या के दिखाया या छुपाया जाता है। अब एक ही पृष्ठ में एक ही खंड में मैं div को दिखाने के लिए visible चर बदलने के लिए प्रयास करता हूं लेकिन यह काम नहीं करता है।

<section ng-controller='otherCtrl'> 
    <button ng-click='showDiv()'>show</button> 
</section> 

नियंत्रक:

var otherCtrl = function($scope){ 
    $scope.showDiv = function() { 
     $scope.visible = true; 
    }; 
} 

Answer 1

AngularJS में, $scope रों prototypically, अपने माता पिता के दायरे से विरासत $rootScope अप करने के लिए सभी तरह से। जावास्क्रिप्ट में, प्राचीन प्रकार ओवरराइट किए जाते हैं जब कोई बच्चा उन्हें बदलता है। तो जब आप अपने नियंत्रकों में से किसी एक में $scope.visible सेट करते हैं, तो $rootScope पर संपत्ति कभी छू नहीं गई थी, बल्कि एक नई visible संपत्ति वर्तमान दायरे में जोड़ दी गई थी।

एंगुलरजेएस में, दायरे पर मॉडल मूल्यों को हमेशा "एक बिंदु" होना चाहिए, जिसका अर्थ प्राइमेटिव्स के बजाय ऑब्जेक्ट होना चाहिए।

हालांकि, अगर आप भी $rootScope इंजेक्शन लगाने के द्वारा अपने मामले का समाधान कर सकते हैं:

var otherCtrl = function($scope, $rootScope){ 
    $scope.showDiv = function() { 
    $rootScope.visible = true; 
    }; 
} 

Answer 2

आप $ गुंजाइश की अवधारणा के साथ कैसे परिचित हैं? यह मुझे आपके कोड के आधार पर देखता है कि आप दो अलग-अलग क्षेत्रों में "दृश्यमान" नामक दो अलग-अलग $ स्कोप चर बनाए रख रहे हैं। क्या आपके प्रत्येक नियंत्रक के पास अपने स्वयं के क्षेत्र हैं? यह अक्सर मामला होता है, जिस स्थिति में आप वास्तव में "दृश्यमान" नामक विभिन्न चर संपादित कर रहे हैं, जब आप $ scope.visible = विभिन्न नियंत्रकों में सत्य करते हैं।

यदि दृश्यमान वास्तव में जड़कोप में है तो आप $ scope.visible के बजाय $ rootScope.visible कर सकते हैं। लेकिन यह एक प्रकार का गन्दा है।

एक विकल्प यह है कि एक निर्देश में "अन्य Ctrl" कोड अनुभाग (आपको शायद यह वही करना चाहिए), और उसके बाद दो-तरफा-निर्देशक दायरे को मूल दायरे में बांधें, जिसे आप read up on here कर सकते हैं। इस तरह निर्देश और पृष्ठ नियंत्रक दोनों एक ही स्कोप ऑब्जेक्ट का उपयोग कर रहे हैं।

अपने $ दायरे को बेहतर तरीके से डीबग करने के लिए, Batarang नामक कोणीय के लिए क्रोम प्लगइन आज़माएं। यह वास्तव में आप अपने सभी क्षेत्रों को पार करते हैं और आपको सही स्थान पर देख रहे हैं, बस उम्मीद के बजाय मॉडल के लिए निर्धारित मॉडल देखें।