Δέσμευση τιμών σε ιδιότητες DOM στοιχείων στο Angular

Στο Angular διακρίνουμε δύο τύπους δέσμευσης τιμών σε ετικέτες: σε χαρακτηριστικό ετικέτας και σε ιδιότητα DOM στοιχείου. Γενικά, αυτό είναι το ίδιο πράγμα, αλλά μερικές φορές έχει σημασία.

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

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

Ας εμφανίσουμε την τιμή αυτής της ιδιότητας στο κείμενο textarea

<textarea>{{ text }}</textarea>

Και τώρα στο χαρακτηριστικό placeholder:

<textarea placeholder="{{ text }}"></textarea>

Και τώρα ας γράψουμε δεδομένα ακριβώς στην ιδιότητα του DOM στοιχείου. Για να το κάνουμε αυτό, θα βάλουμε το όνομα του χαρακτηριστικού σε αγκύλες:

<textarea [value]="text"></textarea>

Δίνεται ένα input. Γράψτε δεδομένα στην ιδιότητά του value.