Angular 2禁用来自ts的表单按钮?

时间:2016-10-25 01:16:40

标签: angular

使用Angular 2 Validators,如果表单无效,表单按钮将从HTML本身禁用,如下所示:

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

我如何在适当的TS中使用相同的效果?例如:

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

1 个答案:

答案 0 :(得分:1)

如果您使用的是模板驱动表单,则可以使用ViewChild来控制它。这是你可以做的事情:

考虑到:

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

您可以使用TypeScript组件代码:

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

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