Ist dies in Angular 2 möglich?
<button type="submit" [disabled]="!validate && !SAForm.valid">Add</button>
Ich erwarte, dass, wenn beide Bedingungen wahr sind, die Schaltfläche aktiviert wird.
Ich habe den obigen Code bereits ausprobiert, aber er funktioniert nicht wie erwartet.
Deklarieren Sie eine Variable in component.ts und initialisieren Sie sie mit einem Wert
buttonDisabled: boolean;
ngOnInit() {
this.buttonDisabled = false;
}
Jetzt können Sie in .html oder in der Vorlage folgenden Code einfügen:
<button disabled="{{buttonDisabled}}"> Click Me </button>
Jetzt können Sie die Schaltfläche aktivieren/deaktivieren, indem Sie den Wert der Variable "buttonDisabled" ändern.
Ist dies in Angular 2 möglich?
Ja, es ist möglich.
Wenn beide Bedingungen wahr sind, wird die Schaltfläche aktiviert?
Nein, wenn sie wahr sind, wird die Schaltfläche deaktiviert. disabled="true"`.
Ich versuche den obigen Code, aber es funktioniert nicht gut
Was haben Sie erwartet? Die Schaltfläche wird deaktiviert, wenn valid
falsch ist und die angular formGroup
, SAForm
nicht gültig ist.
Auch hier eine Empfehlung: Bitte machen Sie die Schaltfläche vom Typ Button und nicht vom Typ Submit, da dies dazu führen kann, dass das gesamte Formular gesendet wird und Sie invalidate
verwenden und auf (ngSubmit)
hören müssen.