Angular 2 disable form button from ts?

Question

Using the Angular 2 Validators, if the form is invalid, the form button is disabled from the HTML itself like so:

<button class="btn btn-info" [disabled]="!signupForm.valid">Sign Up</button>

How would I use this same effect in the appropriate TS? For instance:

youshallnotpass(){ !this.signupForm.valid; }

acdcjunior · Accepted Answer · 2016-10-25 01:44:10Z

1

If you are using template driven forms, you could get a hold of the it using ViewChild. Here's something you can do:

Considering:

<form ... #myForm="ngForm">

You could, at the TypeScript component code:

import { ViewChild, NgForm } from '@angular/core';
...
export class MyFormComponent {
    ...
    @ViewChild('myForm') public myForm: NgForm;

    youshallnotpass(){ return !this.myForm || !this.myForm.valid; }
    ...

answered Oct 25, 2016 at 1:44

acdcjunior

136k37 gold badges341 silver badges312 bronze badges

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

Collectives™ on Stack Overflow

Angular 2 disable form button from ts?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related