Komponentklassens egenskaper i Angular-mallen

Alla publika egenskaper i komponentklassen kommer att vara tillgängliga inuti komponentens mall. Låt oss se hur man kommer åt dem.

Låt oss säga att vår klass har följande publika egenskap:

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

Låt oss visa innehållet i vår egenskap i HTML:en. För att göra detta måste du skriva namnet på egenskapen inuti dubbla klammerparenteser:

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

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