Ιδιότητες της κλάσης του component στο template του Angular

Όλες οι δημόσιες ιδιότητες της κλάσης του component θα είναι προσβάσιμες μέσα στο template του component. Ας δούμε πώς να τις προσπελάσουμε.

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

export class AppComponent {
	public test: string = 'abcde';
}

Ας εμφανίσουμε τα περιεχόμενα της ιδιότητάς μας στο markup. Για να γίνει αυτό, πρέπει να γράψετε το όνομα της ιδιότητας μέσα σε διπλά σγουρά άγκιστρα:

<div>
	{{ test }}
</div>

Δίνεται το ακόλουθο markup:

<ul>
	<li>name: john</li>
	<li>surn: smit</li>
</ul>

Κάντε έτσι ώστε το όνομα και το επώνυμό να μεταφέρονται στο template από την κλάση του component.