Tabula_Rasa
Mitglied
Hallo alle miteinander,
ich versuche Buttons je nach Klick zu "enablen" bzw. "disablen".
In der HTML-Datei
In der TypeScript-Datei
Dieser Code stellt nur eine Simulation dar. Ich möchte nur folgende Logik verstehen:
Der folgende Code mapped nur die integer mit booleans. Die Variable isValid kann nur den Wert false oder true annehmen. Dementsprechend werden alle Buttons disabled bzw. enabled.
Ich möchte aber, dass bei einem Klick nicht unbedingt alle denselben Zustand annehmen, sondern verschiedene annehmen können bspw. soll beim Klick auf den ersten item.status mit dem Wert 1 nur der erste und der zweite disabled werden, aber nicht der dritte Button.
Mit isValid kriege ich das nicht hin, da die Variable nur einen Wert annehmen kann. Mir fällt leider die Logik dafür nicht ein, bestimmte Buttons zu disablen bzw. zu enablen bei einem Klick.
Ich brauche eure Hilfe :)!
ich versuche Buttons je nach Klick zu "enablen" bzw. "disablen".
In der HTML-Datei
Code:
<p *ngFor="let item of items" (click)="buttonStatus(item)"> {{ statusMap[item.status] }} </p>
<button [disabled]="!isValid">Button1</button>
<button [disabled]="!isValid">Button2</button>
<button [disabled]="!isValid">Button3</button>
In der TypeScript-Datei
Code:
statusMap = {
1:false,
2: true ,
3:false
};
items = [{status: 1}, {status: 2}, {status:3}];
isValid: false;
buttonStatus(item){
this.isValid = this.statusMap[item.status];
}
Dieser Code stellt nur eine Simulation dar. Ich möchte nur folgende Logik verstehen:
Der folgende Code mapped nur die integer mit booleans. Die Variable isValid kann nur den Wert false oder true annehmen. Dementsprechend werden alle Buttons disabled bzw. enabled.
Ich möchte aber, dass bei einem Klick nicht unbedingt alle denselben Zustand annehmen, sondern verschiedene annehmen können bspw. soll beim Klick auf den ersten item.status mit dem Wert 1 nur der erste und der zweite disabled werden, aber nicht der dritte Button.
Mit isValid kriege ich das nicht hin, da die Variable nur einen Wert annehmen kann. Mir fällt leider die Logik dafür nicht ein, bestimmte Buttons zu disablen bzw. zu enablen bei einem Klick.
Ich brauche eure Hilfe :)!
Zuletzt bearbeitet: