एनजी-ब्लर मॉडल का अद्यतन मूल्य इवेंट

Question

में उपलब्ध नहीं है, मैं अपने टेक्स्ट इनपुट के मॉडल को फोकस होने तक अपडेट होने से रोकने के लिए एनजी-मॉडल-विकल्प का उपयोग कर रहा हूं। वह हिस्सा सभी काम करता है। हालांकि, पाठ इनपुट फोकस खोने के बाद मुझे ईवेंट को संभालने की आवश्यकता है और मॉडल अपडेट किया गया है। उस घटना में मुझे नए मॉडल के अद्यतन मूल्य तक पहुंच की आवश्यकता है, न कि पुराने।

मैं एनजी-ब्लर इवेंट का उपयोग करने की कोशिश कर रहा हूं, हालांकि, मेरे हैंडलर के अंदर मान पुराना मान है, न कि नया मान दर्ज किया गया है। क्या मैं कुछ गलत कर रहा हूं या पाठ इनपुट के बाद नए प्रतिबद्ध मॉडल मान प्राप्त करने का एक बेहतर तरीका है?

<input type="text" 
ng-model-options="{ updateOn: 'blur', debounce:0 }" 
ng-model="vm.myModel.amount" 
ng-blur="vm.handleBlurEvent(vm.myModel.amount)" /> 


vm.handleBlurEvent = function(item) 
{ 
      //alert(item.amount); //Old amount - not new amount entered 
} 

Answer 1

उन सुझावों के लिए धन्यवाद। मैं वास्तव में अद्यतन के लिए 1 विकल्प जोड़कर काम करने में कामयाब रहा, एनजी-मॉडल-विकल्पों की संपत्ति पर। 'डिफ़ॉल्ट' में जोड़कर सब कुछ काम किया!

एनजी-मॉडल-विकल्प = "{अपडेटऑन: 'डिफ़ॉल्ट धुंध}" चाल थी।

<input type="text" 
ng-model-options="{ updateOn: 'default blur' }" 
ng-model="vm.myModel.amount" 
ng-blur="vm.handleBlurEvent(vm.myModel.amount)" /> 


vm.handleBlurEvent = function(item) 
{ 
      //alert(item.amount); //new shows the NEW amount :-) 
} 

Answer 2

घड़ी का उपयोग करने के बारे में कैसे?

आप एक बार मॉडल इस तरह अद्यतन किया जाता है अपने तर्क कर सकते हैं:

$scope.$watch('vm.myModel.amount', function (newVal, oldVal) { 
     if (newVal != oldVal) { 
     //do your logic here. 
     } 
    }, true); 

Answer 3

मैं अभी तक debounce के साथ बेहतर किस्मत

नहीं है, लेकिन यहाँ काम अपनी बातें बनाने के लिए कोड

है

<form name="amountForm" > 
    <input type="text" name="amount" 
    ng-model-options="{ updateOn: 'blur', debounce:0 }" 
    ng-model="vm.myModel.amount" 
    ng-blur="vm.handleBlurEvent()" /> 
</form> 

vm.handleBlurEvent = function() 
{ 
    alert($scope.amountForm.amount.$viewValue); 
} 

का आनंद ...

Answer 4

यह user1750537 द्वारा पिछले प्रतिक्रिया से फिर से काम कर रहा है, नियंत्रण कलंक जब तक मॉडल अद्यतन करने में देरी और उसके बाद एक बार परिवर्तन की प्रक्रिया, कोई de-उछाल की आवश्यकता है और मॉडल मूल्य की उम्मीद के रूप में अपने परिवर्तन तर्क से पहले स्थापित किया जाएगा।

<input type="text" 
ng-model-options="{ updateOn: 'blur' }" 
ng-model="vm.myModel.amount" 
ng-change="vm.handleChangeEvent(vm.myModel.amount)" /> 

vm.handleChangeEvent = function(item) 
{ 
    alert(item.amount); //new shows the NEW amount :-) 
} 

Answer 5

पुराना सवाल है, लेकिन मैं एक और तरीका यह मान को पढ़ने के लिए मिल गया है, मैं देरी से debounce नहीं निकाल सका है और क्या मेरे लिए काम किया टाइमआउट उपयोग कर रहा था:

$timeout(function(){ 
    var amount = this.formName.amount.value; 
    }); 

मुझे लगता है यह = ngModelController उपरोक्त कोड में।