如何解决Angular Reactive Forms:防止在指令中执行值更改
我有一个 angular 项目,我在其中使用了反应式形式。我创建了一个指令来应用一些验证。下面是指令
@Directive({
selector: '[onlyNumber]'
})
export class NumberDirective{
constructor(private el: ElementRef,private control: NgControl) {}
@HostListener('change'['$event.target'])
onChange() {
if (isNan(+this.el.nativeElement.value)) {
this.control.control.setErrors({invalidNumber:true},{emitEvent:false});
// Here i want to prevent valueChanges of this control from executing.
}
}
}
我将按以下方式使用该指令
<form [formGroup]="form">
<input class="form-control" formControlName="amount" onlyNumber/>
</form>
如何防止在指令中执行值更改。请帮助我。我尝试了很多方法,但它仍然为此执行 valueChanges。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。