Угловая 2 кнопка формы отключения от ts?

Question

Используя угловые 2 валидаторов, если форма является недействительной, кнопка формы отключена от самого HTML, как так:

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

Как бы использовать этот же эффект в соответствующих TS? Например:

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

Answer 1

Если вы используете шаблон формы управляемый, вы можете ухватить на него с помощью ViewChild. Вот то, что вы можете сделать:

Учитывая:

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

Вы могли бы, в коде машинопись компонента:

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

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