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