Er dette mulig i Angular 2?
<button type="submit" [disabled]="!validate && !SAForm.valid">Add</button>
Jeg forventer at knappen aktiveres hvis begge betingelsene er sanne.
Jeg har allerede prøvd koden ovenfor, men den fungerer ikke som forventet.
Deklarer en variabel i component.ts og initialiser den til en verdi
buttonDisabled: boolean;
ngOnInit() {
this.buttonDisabled = false;
}
Nå kan du legge inn følgende kode i .html eller i malen:
<button disabled="{{buttonDisabled}}"> Click Me </button>
Nå kan du aktivere/deaktivere knappen ved å endre verdien på variabelen buttonDisabled
.
Er dette mulig i Angular 2?
Ja, det er mulig.
Hvis begge betingelsene er sanne, aktiveres knappen da?
Nei, hvis de er sanne, blir knappen deaktivert. disabled="true"
.
Jeg prøver koden ovenfor, men den fungerer ikke bra.
Hva forventet du? knappen blir deaktivert når valid
er false og angular formGroup
, SAForm
ikke er gyldig.
En anbefaling her også, Vennligst gjør knappen av typen knapp ikke en innsending fordi dette kan føre til at hele skjemaet sendes inn, og du må bruke invalidate
og lytte til (ngSubmit)
.