Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:angular:angular_reaktiv_urlap_jeloelonegyzettel

< Angular

Angular Reaktív űrlap jelölőnégyzet

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