oktatas:web:angular:angular_reaktiv_urlap_jeloelonegyzettel
Tartalomjegyzék
Angular Reaktív űrlap jelölőnégyzet
- Szerző: Sallai András
- Copyright © 2025, Sallai András
- Web: https://szit.hu
Példa
<input type="checkbox" [checked]="emp.car" disabled>
Táblázatban
<h1>Dolgozók</h1> <table> <thead> <tr> <th>Id</th> <th>Név</th> <th>Település</th> <th>Fizetés</th> <th>Kocsi</th> </tr> </thead> <tbody> @for(emp of empList; track emp.id) { <tr> <td>{{emp.id}}</td> <td>{{emp.name}}</td> <td>{{emp.city}}</td> <td>{{emp.salary}}</td> <td> <input type="checkbox" [checked]="emp.car" disabled> </td> </tr> } </table>
Alapértelmezett érték
Ha új dolgozót szeretnénk felvenni és annak nincs kocsija, a rögzítéskor false helyett üres érték érkezhet. Megoldás ha TypeScript oldalon eleve false-ra inicializáljuk.
this.empForm = this.builder.group({ id: [''], name: [''], city: [''], salary: [''], car: [false] })
oktatas/web/angular/angular_reaktiv_urlap_jeloelonegyzettel.txt · Utolsó módosítás: 2025/03/02 16:55 szerkesztette: admin