Povezovanje vrednosti z lastnostmi DOM elementov v Angular

V Angularju ločimo dve vrsti povezovanja vrednosti z oznakami: z atributom oznake in z lastnostjo DOM elementa. Praviloma je to isto, včasih pa je pomembno.

Oglejmo si ti dve načini na primerih. Naj imamo naslednjo lastnost razreda:

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

Izpišimo vrednost te lastnosti v besedilo textarea

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

In zdaj v atribut placeholder:

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

In zdaj zapišimo podatke neposredno v lastnost DOM elementa. Za to bomo ime atributa zaprli v oglate oklepaje:

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