एकाधिक निर्देश उदाहरण और घटनाएं

Question

मेरे पास एक निर्देश है कि मैं एक पृष्ठ पर कई बार उपयोग करता हूं। यह स्थिति बदलता है जब राज्य बदलता है, और नियंत्रक फिर घटना को संभालता है।

समस्या यह है कि घटना दो बार निकाल दी जाती है। मुझे लगता है कि ऐसा क्यों होता है, लेकिन मैं या तो कामकाज या बेहतर डिजाइन खोजने की कोशिश कर रहा हूं। कोई सुझाव?

Plunker उदाहरण: http://plnkr.co/edit/xObOvi253qejphU5arFr

Answer 1

आप अलग गुंजाइश निर्देश पुन: प्रयोज्य बनाने के लिए निर्धारित करने होंगे। एक साधारण फिक्स सिर्फ scope: {} को एक अलग दायरे बनाने के लिए जोड़ना है ताकि जब आप प्रत्येक बटन पर क्लिक करते हैं, तो यह केवल एक बार आग लगती है।

app.directive('myDirective', function() { 
    return { 
    restrict: 'E', 
    scope: {}, // Add this line to create an isolated scope 
    template: '<div>Foo: {{foo}}</div><button ng-click="incrementFoo()">Increment Foo</button>', 
    controller: function ($scope) { 
     $scope.foo = 0; 
     $scope.incrementFoo = function() { 
     $scope.foo += 1; 
     }; 

     $scope.$watch('foo', function() { 
     $scope.$emit('fooChanged', {foo: $scope.foo}); 
     console.log($scope); 
     }); 
    } 
    }; 
});