कोणीयजेएस निर्देश - jQuery विजेट

Question

के साथ ngModel का उपयोग करते समय सर्वोत्तम प्रथाएं यहां मेरी समस्या है। ,

module.directive('myWidget', [function() { 
    return { 
     require: "ngModel", 
     restrict: "A", 
     replace: true, 
     templateUrl: "templates/myWidget.html", 
     link: function(scope, element, attrs, ctrl) { 
      element.widget_name().on('value_updated', function(event) { 
       scope.$apply(function() { 
        var newModelValue = event.some_value; 
        ctrl.$setViewValue(newModelValue); 
       }); 
      }); 

      scope.$watch(attrs["ngModel"], function(value){ 
       element.widget_name('set_value', value); 
      }); 
     } 
    }; 
}]); 

तो अगर मॉडल के मूल्य में परिवर्तन, तो हैंडलर जो $ घड़ी का उपयोग मॉडल के बदलावों को सुनने के लिए पंजीकृत है निष्पादित किया जाएगा: उदाहरण के लिए, हम निम्न निर्देश है, जो पर्दे के पीछे कुछ jQuery विजेट का उपयोग करता है , और, इसके परिणामस्वरूप, विजेट की 'set_value' विधि भी निष्पादित की जाएगी। इसका मतलब है कि 'value_updated' ईवेंट ट्रिगर किया जाएगा।

मेरा प्रश्न है: डीओएम इवेंट हैंडलर और वॉचर्स की अतिरिक्त कॉल से बचने के लिए निर्देशों में समान व्यवहार को लागू करने का सबसे अच्छा अभ्यास क्या है?

Answer 1

scope.$watch() के बजाय, मैं ctrl.$render() को लागू करने का सुझाव देता हूं। $ रेंडर केवल तभी बुलाया जाना चाहिए जब कोणीय के अंदर कुछ मॉडल बदल देता है। Fiddle example।

इससे कोई समस्या हल नहीं होती है जिसका आपने उल्लेख नहीं किया था। दुर्भाग्य से, यह आपके द्वारा उल्लेख की गई समस्या का समाधान नहीं करता है। पहेली में, blur घटना कुछ विजेट.ऑन() घटना के बजाए बाध्य है। शायद यह आपके लिए काम करेगा – यानी, प्रत्येक कीस्ट्रोक की बजाय केवल धुंध पर मॉडल अपडेट करें (यह मानता है कि आपका विजेट कीस्ट्रोक स्वीकार कर रहा है)।

शायद आप विजेट लेखक से "सेट" विधि प्रदान करने के लिए भी कह सकते हैं जो किसी ईवेंट को ट्रिगर नहीं करता है। फिर इसका उपयोग $ रेंडर() विधि में किया जा सकता है।