Ιδιότητες Κλάσης Component σε Χαρακτηριστικά Angular

Μπορούμε να εμφανίσουμε τις δημόσιες ιδιότητες της κλάσης όχι μόνο στο κείμενο των ετικετών, αλλά και ως τιμή χαρακτηριστικών. Ας δούμε πρακτικά πώς γίνεται. Ας υποθέσουμε ότι στην κλάση μας υπάρχει η ακόλουθη ιδιότητα:

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

Ας εμφανίσουμε το περιεχόμενο της ιδιότητάς μας σε χαρακτηριστικό μιας ετικέτας:

app/app.component.html<div id="{{ test }}">
  text
</div>

app/app.component.html<img src="test.png" alt="picture">