Vetitë e Klasës së Komponentit në Template të Angular

Të gjitha vetitë publike të klasës së komponentit do të jenë të disponueshme brenda template-it të komponentit. Le të shohim se si t'i referohemi atyre.

Le të themi se në klasën tonë kemi vetinë e mëposhtme publike:

app/app.component.tsexport class AppComponent {
  public test: string = 'abcde';
}

Le të shfaqim përmbajtjen e vetisë sonë në HTML. Për këtë, duhet të shkruajmë emrin e vetisë brenda kllapave kaçurrelë të dyfishta:

app/app.component.html<div>
  {{ test }}
</div>
Задание 1

Është dhënë HTML e mëposhtme:

app/app.component.html<ul>
  <li>name: john</li>
  <li>surn: smit</li>
</ul>

Bëni që emri dhe mbiemri të kalohen në template nga klasa e komponentit.