मेरी $ घड़ी केवल एक बार क्यों आग लगती है?

Question

मैं कुछ विजेट को फैक्टरिंग कर रहा हूं और $watch अभिव्यक्ति पूरी तरह से एक फ़ाइल में सभी काम करती है लेकिन अब मैंने प्रासंगिक नियंत्रक भाग को एक नए नियंत्रक में स्थानांतरित किया है और मार्कअप को एक नए एचटीएमएल में बदल दिया है और $watch प्रारंभिक के ठीक बाद एक बार आग लगती है लेकिन जब नहीं संबंधित इनपुट में टाइपिंग संपादन।

जे एस:

app.controller('getRecipientWidgetController', [ '$scope', function($scope) { 
    console.log("controller initializing") 
    var testReceivingAddress = function(input) { 
     console.log("change detected") 
    } 
    $scope.$watch("addressInput", testReceivingAddress) 
} ]) 

आवरण के HTML:

<ng-include 
    src="'partials/getRecipientWidget.html'" 
    ng-controller="getRecipientWidgetController" 
    ng-init="recipient=cert"> <!-- ng-init doesn't influence the bug. --> 
</ng-include> 

partials/getRecipientWidget.html के HTML:

<md-text-float ng-model="addressInput"></md-text-float> 

मुझे लगता है कुछ गुंजाइश वूडू चल रहा है? मैंने यह सुनिश्चित करने के लिए ng-init छोड़ा है कि मैं क्या हासिल करना चाहता हूं: एक स्पष्ट रूप से अधिक जटिल, पुन: प्रयोज्य विजेट बनाएं जो इस उदाहरण में $scope.cert पर recipient पर काम करेगा।

Answer 1

शायद ऐसा इसलिए है क्योंकि ng-include शामिल एचटीएमएल पर एक नया विरासत में मिला गुंजाइश पैदा करेगा, इसलिए $scope.addressInput अपने नियंत्रक में getRecipientWidget.html

में $scope.addressInput रूप में एक ही संदर्भ खैर यह आसान नहीं है समझाने के लिए नहीं है, लेकिन आप या तो रखना चाहिए ng-controllergetRecipientWidget.html (और ऊपर दिए गए div पर नहीं) के HTML के भीतर, या आप कच्चे प्रकार (संख्या/स्ट्रिंग) पर संदर्भ मुद्दों से बचने वाले कच्चे addressInput के बजाय something.addressInput जैसे किसी ऑब्जेक्ट का उपयोग कर सकते हैं।

Answer 2

एनजी-शामिल नए स्कोप बनाता है।

इस

<md-text-float ng-model="$parent.addressInput"></md-text-float> 

Plunker example

बस गिगल्स के लिए