अद्यतन कर रहा है मॉडल इनपुट नियंत्रण

Question

पर खो दिया है इस कोड में। यह प्रत्येक चरित्र टाइप किया गया है के रूप में अद्यतन हो जाता है। मैं उन परिस्थितियों के बारे में सोच सकता हूं जहां वास्तव में एक बुरी चीज हो सकती है। हो सकता है कि आप केवल मॉडल मान चाहते हैं, उपयोगकर्ता ने इनपुट से कुछ अन्य चीज़ों पर ध्यान केंद्रित किया है, जैसे कि जब इसे पूरा होने पर इनपुट को सत्यापित करने की आवश्यकता होती है। मैं जावास्क्रिप्ट के ब्लर फ़ंक्शन का उपयोग कर एक हैंडलर सेट अप करने के लिए उपयोग कर सकता हूं ताकि यह निर्धारित किया जा सके कि फोकस कब खो गया है, लेकिन ऐसा लगता है कि कोणीय का मतलब है। क्या इनपुट खोने के बाद मॉडल को अपडेट करने का एंगुलरजेएस तरीका है?

Answer 1

आप इस के लिए ngModelOptions निर्देश उपयोग कर सकते हैं। ngModelOptions के साथ आप आगे बढ़ सकते हैं कि ngModel निर्देश कैसे काम करता है। लक्ष्य को हासिल करने के लिए आप क्या पूछा, आप इसका उपयोग इस प्रकार हो सकता है:

<input class="form-control" ng-model="actionText" 
    ng-model-options="{ updateOn: 'blur'}"/> 

आप अधिक जानकारी और कोणीय दस्तावेज में एक काम उदाहरण मिल सकते हैं: https://docs.angularjs.org/api/ng/directive/ngModelOptions

Answer 2

मुझे लगता है कि आप जो कुछ करना चाहते हैं उसे बंद करने के लिए सबसे आसान तरीका ng-blur का उपयोग कर सकते हैं।

http://plnkr.co/edit/rhcliQRzUOBKQ3xKFrde?p=preview

app.controller('MainCtrl', function($scope) { 

    $scope.myDataBlurred = $scope.myData; 

    $scope.blurred = function() { 
    $scope.myDataBlurred = $scope.myData; 
    } 
}); 

<input ng-model='myData' ng-blur='blurred()' /> 

    <div> 
     This will update as you type: {{myData}} 
    </div> 
    <div> 
     This will update after you blur: {{myDataBlurred}} 
    </div>