Angular 4 输入指令 onSave
Angular 4 Input Directive onSave
我为双向绑定输入制定了一个指令,在事件 onKeyPress 上我给它 columbian 格式。
例如我输入:
1000.25
指令将其更改为:
1.000,25
现在,在将值绑定到我的模型之前,我想删除给定的格式,我的问题是:
- 有什么方法可以在提交时触发输入指令中的事件(通过提交按钮)?
- 如果可能的话,怎么做?
我真的找不到任何相似的东西,提前致谢。
您可以通过 DI 从您的指令访问 NgForm。在那种形式下,您可以观察到 ngSubmit。它在表单提交时发出值。
import { NgForm } from '@angular/forms';
constructor(form: NgForm) {
this.form.ngSubmit.subscribe(<do stuff>)
}
但是你确定你真的需要物理修改模型值吗?可能您只需要修改 VIEW 值。也许您需要 AngularJS 中的 $formatters 之类的东西。你可以研究更多阅读this article
我为双向绑定输入制定了一个指令,在事件 onKeyPress 上我给它 columbian 格式。 例如我输入:
1000.25
指令将其更改为:
1.000,25
现在,在将值绑定到我的模型之前,我想删除给定的格式,我的问题是:
- 有什么方法可以在提交时触发输入指令中的事件(通过提交按钮)?
- 如果可能的话,怎么做? 我真的找不到任何相似的东西,提前致谢。
您可以通过 DI 从您的指令访问 NgForm。在那种形式下,您可以观察到 ngSubmit。它在表单提交时发出值。
import { NgForm } from '@angular/forms';
constructor(form: NgForm) {
this.form.ngSubmit.subscribe(<do stuff>)
}
但是你确定你真的需要物理修改模型值吗?可能您只需要修改 VIEW 值。也许您需要 AngularJS 中的 $formatters 之类的东西。你可以研究更多阅读this article