Ciri-ciri Kelas Komponen dalam Templat Angular

Semua ciri awam kelas komponen akan boleh diakses di dalam templat komponen. Mari kita lihat bagaimana untuk merujuknya.

Katakan dalam kelas kita terdapat ciri awam berikut:

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

Mari kita paparkan kandungan ciri kita dalam markap. Untuk itu, kita perlu menulis nama ciri di dalam kurung kerawang berganda:

app/app.component.html<div>
  {{ test }}
</div>

app/app.component.html<ul>
  <li>name: john</li>
  <li>surn: smit</li>
</ul>