javascript - 填满所有字段后的事件

Question

我有 4 个输入和 1 个禁用的按钮

<input type="text">
<input type="text">
<input type="text">
<input type="text">
<input type="button" disabled="true">

在填写所有字段后，如何从按钮中删除禁用的属性。 oninput 和 onchange 的其他事件。

Answer 1

您可以使用 FormGroups 来做到这一点

app.component.html

     <form [formGroup]="mygroup" >

           <input type="text" formControlName="input1">
           <input type="text" formControlName="input2">
           <input type="text" formControlName="input3">
           <input type="text" formControlName="input4">

           <input type="button" disabled="true" type="submit" [disabled]="!mygroup.valid">
        </form>

app.component.ts

import { Component } from '@angular/core';
import {Validators, FormBuilder, FormGroup } from '@angular/forms';


export class FormsPage {
  private mygroup : FormGroup;

  constructor( private formBuilder: FormBuilder ) {
    this. mygroup = this.formBuilder.group({
      input1: ['', Validators.required],
      input2: ['', Validators.required],
      input3: ['', Validators.required],
      input4: ['', Validators.required],
    });
  }

}