Unable to get angular 2 form validation to work

Question

I tried going through the bwlow tutorial to do form validation in angular 2 https://angular.io/docs/ts/latest/guide/forms.html

But it just returns a blank page.

However, if I replace the following line

<form *ngIf="active" (ngSubmit)="onSubmit()" #heroForm="ngForm">

with

<form>

at least i get some form elements appearing. The difficult part is that there seems to be no error messages that can direct me to the problem.

Can anyone help?

jmachnik · Accepted Answer · 2016-09-21 12:35:56Z

2

What is the state of active variable? It must be true because you have used the ngIf:

<form *ngIf="active" (ngSubmit)="onSubmit()" #heroForm="ngForm">

Everything seems to work fine, but your form is just not rendered because active is not present/is false.

answered Sep 21, 2016 at 12:35

jmachnik

1,1209 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mike_Laird Over a year ago

The component class should contain - public active = true; to initialize ngIf. Its easy to miss because it is not mentioned in the reactive forms docs.

Collectives™ on Stack Overflow

Unable to get angular 2 form validation to work

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related