Angular2 पर ब्लर इवेंट पर कैसे उपयोग करें?

Question

आप कोणीय 2 में ऑनब्लूर ईवेंट का पता कैसे लगाते हैं? मैं साथ

<input type="text"> 

किसी को भी मदद कर सकते हैं मुझे समझने कि यह कैसे उपयोग करने के लिए इसका उपयोग करना चाहते?

Answer 1

डीओएम को बाध्यकारी घटना के दौरान (eventName) का उपयोग करें, मूल रूप से () घटना बाध्यकारी के लिए उपयोग किया जाता है। myModel चर के लिए बाध्यकारी होने के लिए ngModel का भी उपयोग करें।

मार्कअप

<input type="text" [(ngModel)]="myModel" (blur)="onBlurMethod()"> 

कोड

export class AppComponent { 
    myModel: any; 
    constructor(){ 
    this.myModel = '123'; 
    } 
    onBlurMethod(){ 
    alert(this.myModel) 
    } 
} 

Demo

वैकल्पिक (बेहतर नहीं)

<input type="text" #input (blur)="onBlurMethod($event.target.value)"> 

Demo

---

मॉडल संचालित प्रपत्र blur पर मान्यता आग के लिए, आप updateOn पैरामीटर गुजर सकता है।

ctrl = new FormControl('', { 
    debounce: 1000, 
    updateOn: 'blur', //default will be change 
    validators: [Validators.required] 
}); 

Design Docs

Answer 2

/*for reich text editor */ 
    public options: Object = { 
    charCounterCount: true, 
    height: 300, 
    inlineMode: false, 
    toolbarFixed: false, 
    fontFamilySelection: true, 
    fontSizeSelection: true, 
    paragraphFormatSelection: true, 

    events: { 
     'froalaEditor.blur': (e, editor) => { this.handleContentChange(editor.html.get()); }} 

Answer 3

यह है Github रेपो पर प्रस्तावित जवाब:

// example without validators 
const c = new FormControl('', { updateOn: 'blur' }); 

// example with validators 
const c= new FormControl('', { 
    validators: Validators.required, 
    updateOn: 'blur' 
}); 

Github : feat(forms): add updateOn blur option to FormControls

Answer 4

आप सीधे (कलंक) घटना इनपुट टैग में उपयोग कर सकते हैं ।

<div> 
    <input [value] = "" (blur) = "result = $event.target.value" placeholder="Type Something"> 
    {{result}} 
</div> 

और आप में "परिणाम" उत्पादन