Komponentklasse egenskaper i Angular-malen

Alle offentlige egenskaper i komponentklassen vil være tilgjengelige inne i komponentmalen. La oss se hvordan vi kan få tilgang til dem.

La oss si at klassen vår har følgende offentlige egenskap:

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

La oss vise innholdet i egenskapen vår i HTML-koden. For å gjøre dette må du skrive navnet på egenskapen innenfor doble klammeparenteser:

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

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