Կոմպոնենտի դասի հատկությունները 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>