Właściwości klasy komponentu w szablonie Angular

Wszystkie publiczne właściwości klasy komponentu będą dostępne wewnątrz szablonu komponentu. Zobaczmy, jak się do nich odwołać.

Załóżmy, że w naszej klasie jest następująca publiczna właściwość:

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

Wyświetlmy zawartość naszej właściwości w szablonie. Aby to zrobić, należy wpisać nazwę właściwości wewnątrz podwójnych nawiasów klamrowych:

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

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