Komponentklasse egenskaber i Angular skabelon

Alle offentlige egenskaber for komponentklassen vil være tilgængelige inde i komponentets skabelon. Lad os se på, hvordan man får adgang til dem.

Lad os sige, at vores klasse har følgende offentlige egenskab:

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

Lad os udskrive indholdet af vores egenskab i HTML-koden. For at gøre dette skal du skrive navnet på egenskaben inden for dobbelte krøllede parenteser:

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

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