Komponent klasinin xüsusiyyətləri Angular şablonunda

Komponent klasinin bütün publik xüsusiyyətləri komponent şablonu daxilində əlçatan olacaq. Gəlin onlara necə müraciət edəcəyimizə baxaq.

Tutaq ki, bizim klasimizdə aşağıdakı publik xüsusiyyət var:

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

Xüsusiyyətimizin məzmununu veb səhifədə çıxaraq. Bunun üçün cüt buruq mötərizələr daxilində xüsusiyyətin adını yazmaq lazımdır:

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

Aşağıdakı veb səhifə verilib:

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

Elə edin ki, ad və soyad şablona komponent klasindən ötürülsün.