Mengikat Nilai kepada Sifat Elemen DOM dalam Angular

Dalam Angular, terdapat dua jenis pengikatan nilai kepada tag: kepada atribut tag dan kepada sifat elemen DOM. Biasanya, kedua-duanya adalah sama, tetapi kadang-kadang ia mempunyai perbezaan.

Mari kita lihat dua cara ini dengan contoh. Katakan kita mempunyai sifat kelas berikut:

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

Mari kita keluarkan nilai sifat ini dalam teks textarea

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

Sekarang dalam atribut placeholder:

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

Sekarang mari kita tulis data tepat kepada sifat elemen DOM. Untuk ini, kita akan letakkan nama atribut dalam kurungan siku:

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