Komponent-klas eienskappe in Angular templaat

Alle openbare eienskappe van die komponent-klas sal beskikbaar wees binne die komponent se templaat. Laat ons kyk hoe om hulle aan te spreek.

Kom ons sê ons klas het die volgende openbare eienskap:

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

Laat ons die inhoud van ons eenskap in die opmaak vertoon. Om dit te doen, moet jy die naam van die eenskap binne dubbele krulhakies skryf:

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

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