Angular 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; } 
    ...