事件充滿

Question

我有4個輸入和1個按鈕是禁用

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

我怎樣才能把按鈕關閉屬性後，所有字段將被填補。在輸入和交換上發生其他事件。

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], 
    }); 
    } 

} 

Answer 2

使用離子驗證

https://ionicframework.com/docs/developer-resources/forms/

尋找這一行及其例如：

<button ion-button type="submit" [disabled]="!todo.valid">Submit</button>