Хусусиятҳои синфи компонент дар намунаи 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>