Értékek kötése DOM elemek tulajdonságaihoz az Angularban

Az Angularban két típusú értékkötést különböztetünk meg a címkékhez: a címke attribútumához és a DOM elem tulajdonságához. Általában ez ugyanaz, de néha számít.

Nézzük meg ezt a két módot példákon keresztül. Tegyük fel, hogy a következő osztálytulajdonságunk van:

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

Jelenítsük meg ennek a tulajdonságnak az értékét a textarea szövegében

app/app.component.html<textarea>{{ text }}</textarea>

És most a placeholder attribútumba:

app/app.component.html<textarea placeholder="{{ text }}"></textarea>

És most írjuk be az adatokat pontosan a DOM elem tulajdonságába. Ehhez vegyük az attribútum nevét szögletes zárójelek közé:

app/app.component.html<textarea [value]="text"></textarea>