Question

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

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

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

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

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

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

1 个答案: