Is there a way to get Form Value without using NgForm/FormGroup?

Asked Sep 25 '18 at 14:23

Active Sep 25 '18 at 15:05

Viewed 245 times

I have a form tag which wraps a component which contains different input fields.

<form #myForm="ngForm">
    <component-with-input-fields></component-with-input-fields>
</form>
{{myForm.value | json}}

Each input fields have ngModel directive attached but when i tried accessing myForm.value it just outputs {}.

Here is a sample of markup of component-with-input-fields:

<ng-container *ngFor="let attr of attributes">
    <input type="text" name="attr{{attr.attribute_id}}" ngModel>
</ng-container>

NOTE that the input fields and its name are dynamic.

Is there another way of getting the form values?

edited Sep 25 '18 at 15:05

asked Sep 25 '18 at 14:23

PrinceG

Possible duplicate of [Create a reusable FormGroup](https://stackoverflow.com/questions/45696761/create-a-reusable-formgroup) – Lazar Ljubenović Sep 25 '18 at 14:24
https://stackoverflow.com/questions/48660515/how-to-listen-of-angular-template-driven-form-changes – Vikas Sep 25 '18 at 14:25
@Vikas Far from a solution, in that question form control directives are present in the template. – Lazar Ljubenović Sep 25 '18 at 14:25
can you show us your input fields html? – Patricio Vargas Sep 25 '18 at 14:34
How and where are you trying to access form values? – Amit Chigadani Sep 25 '18 at 14:48

0 Answers0