42
A
回答
96
将事件绑定到DOM时使用(eventName)
,基本上()
用于事件绑定。也可以使用ngModel
来获得myModel
变量的双向绑定。
标记
<input type="text" [(ngModel)]="myModel" (blur)="onBlurMethod()">
代码
export class AppComponent {
myModel: any;
constructor(){
this.myModel = '123';
}
onBlurMethod(){
alert(this.myModel)
}
}
替代(不优选)
<input type="text" #input (blur)="onBlurMethod($event.target.value)">
对于模型驱动的形式开枪blur
验证,你可以通过updateOn
参数。
ctrl = new FormControl('', {
debounce: 1000,
updateOn: 'blur', //default will be change
validators: [Validators.required]
});
0
/*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()); }}
0
这是在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
0
您可以输入标签直接使用(模糊)事件。
<div>
<input [value] = "" (blur) = "result = $event.target.value" placeholder="Type Something">
{{result}}
</div>
,你会得到 “结果” 输出
相关问题
- 1. 如何在dropdownlist上应用onblur事件?
- 2. FormGroup中使用(onBlur)事件在p日历中使用(onBlur)事件
- 3. 如何在angular2中使用froala事件
- 4. Dojo:dojo onblur事件
- 5. 如何在asp.net中使用Onblur事件添加TextBoxes数据
- 6. 如何在onBlur事件上制作ASP.Net GridView回发?
- 7. 用于onblur事件的Javascript
- 8. 使用javascript onblur事件一次一行
- 9. Onblur事件绑定
- 10. ASP.Net textbox onblur事件
- 11. IE不onblur事件
- 12. 如何为@ Html.Editor()写onfocus和onblur事件?
- 13. jqueryui datepicker如何防止onblur事件?
- 14. Angular2,如何使用@host上ES6组件
- 15. 如何在first_name字段的onblur事件上调用自定义代码?
- 16. onBlur事件重写jQuery UI事件
- 17. asp.net +事件名称UpdatePanel textbox onblur事件
- 18. 事件冒泡和onblur事件
- 19. 在Angular2中使用移动事件
- 20. 使onblur事件被触发后,才
- 21. 如何在JavaScript中取消控件的onblur事件?
- 22. 变化的maxlength onblur事件
- 23. jquery htmlbox 4.0 onblur事件
- 24. JavaScript onblur事件处理
- 25. onblur事件触发的onclick
- 26. 双启动onblur事件
- 27. CodeMirror onBlur事件和console.log()
- 28. 如何在angular2中使用快餐栏(entryComponents)时发出事件
- 29. 在Angular2 ngModel值没有更新onBlur事件的自定义指令
- 30. 如何在语义使用中防止onChange事件触发onBlur反应
(模糊)事件不会在IE11工作。任何工作? –
刚刚在IE11(11.0.9600)上测试过,它的工作完美无瑕! – Timigen
反应形式怎么样?如何以反应形式做到这一点。 – ATHER