Angular 2 - How to bind a Reactive form element to an event dynamically?

Question

Suppose I create a reactive form like the following:

public form: FormGroup;

ngOnInit() {
    this.form = new FormGroup({ myControl: new FormControl() });
}

I want to be able to dynamically (from code and not template) bind the control to an event. Something like this:

this.form.controls['myControl'].bind('blur', someMethod());

How is it possible with Angular 2?

Check [Control Validation on blur](https://stackoverflow.com/a/41973780/2435473) — Pankaj Parkar, Sep 04 '17 at 06:31

score -2 · Answer 1 · answered Sep 04 '17 at 06:48

-2

You can call a function for that form control like

<textarea #urlcontent formControlName="content" (blur)="validateEmbedUrl(urlcontent.value)"></textarea>

answered Sep 04 '17 at 06:48

Pooja

I meant from TypeScript code. Not from the template. – Dilip Raj Baral Sep 05 '17 at 04:33

1 Answers1