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:
export class AppComponent {
public text: string = 'abcde';
}
Laat ons die waarde van hierdie eienskap in die
textarea teks uitskryf
<textarea>{{ text }}</textarea>
En nou in die placeholder kenmerk:
<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:
<textarea [value]="text"></textarea>
Daar is 'n inset. Skryf data na sy
value eienskap.