Компонент синфининг Angular темплейтидаги хусусиятлари

Компонент синфининг барча оммавий хусусиятлари компонент темплейти ичида дастлаболиш булади. Уларга қандай мурожаат этишни кўрамиз.

Фарз қилайлик, бизнинг синфимизда куйидаги оммавий хусусият мавжуд:

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

Хусусиятмизнинг мазмунини версткада чиқарайлик. Бунинг учун иккита кавишли қавс ичида хусусият номини ёзиш керак:

app/app.component.html<div>
  {{ test }}
</div>

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