Wie erkennen Sie ein OnBlur-Ereignis in Angular2? ich möchte es verwenden, um mitWie onBlur Ereignis auf Angular2 verwenden?
<input type="text">
Kann mir jemand helfen zu verstehen, wie es zu benutzen?
Wie erkennen Sie ein OnBlur-Ereignis in Angular2? ich möchte es verwenden, um mitWie onBlur Ereignis auf Angular2 verwenden?
<input type="text">
Kann mir jemand helfen zu verstehen, wie es zu benutzen?
Verwenden Sie (eventName)
für während Bindung Ereignis an DOM, im Grunde ()
wird für Ereignisbindung verwendet. Verwenden Sie auch ngModel
, um eine Zwei-Wege-Bindung für myModel
Variablen zu erhalten.
Markup
<input type="text" [(ngModel)]="myModel" (blur)="onBlurMethod()">
-Code
export class AppComponent {
myModel: any;
constructor(){
this.myModel = '123';
}
onBlurMethod(){
alert(this.myModel)
}
}
Alternative (nicht bevorzugt)
<input type="text" #input (blur)="onBlurMethod($event.target.value)">
Für Modellform angetrieben Validierung Feuer auf blur
, könnten Sie updateOn
Parameter übergeben.
ctrl = new FormControl('', {
debounce: 1000,
updateOn: 'blur', //default will be change
validators: [Validators.required]
});
/*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()); }}
Dies ist die vorgeschlagene Antwort auf die Github Repo:
// 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
können Sie direkt (Blur) Ereignis in Input-Tag verwenden .
<div>
<input [value] = "" (blur) = "result = $event.target.value" placeholder="Type Something">
{{result}}
</div>
und Sie werden Ausgang in "Ergebnis" get
(Blur) Ereignis nicht in IE11 funktioniert. Irgendwelche Arbeiten herum? –
Nur getestet auf IE11 (11.0.9600) und es funktionierte einwandfrei! – Timigen
Was ist mit reaktiven Formen? Wie man das in reaktiven Formen macht. – ATHER