szit

Ez az oldal csak olvasható. Megtekintheted a forrását, de nem változtathatod meg. Ha úgy gondolod, hogy ez helytelen, kérdezd az Adminisztrátorokat!

[[oktatas:web:angular|< Angular]]

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

  * **Szerző:** Sallai András
  * Copyright (c) 2025, Sallai András
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]]
  * Web: https://szit.hu

===== Példa =====

<code html>
          <input type="checkbox" 
          [checked]="emp.car" 
          disabled> 
</code>

===== Táblázatban =====

<code html>
<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>
</code>

===== 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.

<code javascript>
    this.empForm = this.builder.group({
      id: [''],
      name: [''],
      city: [''],
      salary: [''],
      car: [false]
    })
</code>