Својства класе компоненте у темплејту 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>