So markieren Sie das Kontrollkästchen als aktiviert im Winkel 4
Ich bin ganz neu in Winkel-2. ich muss mark das Kontrollkästchen auf eine Schaltfläche klicken.
ich habe einige Kontrollkästchen in einer Schleife wie
<tr *ngFor="let roleObj of roleNameList">
<td>
<input type="checkbox" id ={{roleObj.roleID}} />
</td>
<td>{{roleObj.roleName}}</td>
</tr>
habe ich ein array der ausgewählten Rolle, nur muss ich markieren Sie die Kontrollkästchen auf die Schaltfläche Bearbeiten . also, was ich Tat, wie dieselbe in javascript
document.getElementById("role").checked
aber im Winkel 4 es gibt keine Eigenschaft wie die.
habe ich gesucht und gefunden, es ist eine Eigenschaft verbindlich für
[checked] ="somevariable"
aber das problem ist, dieselbe Eigenschaft [checked] ="somevariable" wird auf alle Kontrollkästchen. das Ergebnis ist, wenn ich somevariable " zugewiesen, wie wahr. es wird markieren Sie alle Checkboxen.
andere Lösung habe ich in jquery wie
$(document.getElementById(role)).prop('checked', true);
aber vielleicht kann es schaffen problem, ich bin nicht sicher, bitte korrigieren Sie mich.
bitte helfen Sie mir. keine Ahnung, oder die Logik wird gleich meine Tage.
- Machen
sameVariable
eine Eigenschaft vonroleObj
, und aktualisiert nur die relevantesten
Du musst angemeldet sein, um einen Kommentar abzugeben.
Können Sie ändern Ihr Objekt auch einen boolean
checked
Eigenschaft (d.h.roleObj.checked = false
) und dynamisch zu aktualisieren, die relevanten diejenigen, wenn Sie müssen.Dann markup wird einfach
<input type="checkbox" [checked]="roleObj.checked" id ={{roleObj.roleID}} />
Können Sie dieses einfache Umsetzung
Live-demo
Sollten Sie die use-variable. In Ihrem .ts:
Und in Ihr .html:
Sollten Sie daran denken hinzufügen FormModule, die in Ihrer @NgModule:
import { FormsModule, ReactiveFormsModule } von '@eckig/Formen';