Waardebinding aan DOM-element eienskappe in Angular

In Angular word daar onderskei tussen twee tipes waardebinding aan tags: aan die tag se kenmerk en aan die DOM-element se eienskap. Gewoonlik is dit dieselfde, maar soms maak dit 'n verskil.

Laat ons hierdie twee metodes met voorbeelde bekyk. Kom ons sê ons het die volgende klas eienskap:

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

Laat ons die waarde van hierdie eienskap in die textarea teks uitskryf

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

En nou in die placeholder kenmerk:

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

En nou skryf ons data spesifiek na die DOM-element se eienskap. Om dit te doen, neem die kenmerknaam in vierkantige hakies:

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