Komponenta klases īpašības Angular veidnē

Visas publiskās komponentes klases īpašības būs pieejamas komponentes veidnes iekšienē. Paskatīsimies, kā pie tām piekļūt.

Pieņemsim, ka mūsu klasē ir šāda publiska īpašība:

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

Parādīsim mūsu īpašības saturu izmantojot atzīmes. Lai to izdarītu, jāieraksta īpašības nosaukums dubulto cirtaino iekavu iekšpusē:

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

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