Angular Şablonunda Bileşen Sınıfı Özellikleri

Bileşen sınıfının tüm public özellikleri bileşen şablonu içinde erişilebilir olacaktır. Bunlara nasıl erişeceğimizi görelim.

Sınıfımızda aşağıdaki public özelliğin olduğunu varsayalım:

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

Özelliğimizin içeriğini HTML çıktısında gösterelim. Bunun için çift küme parantezi içine özelliğin adını yazmamız yeterlidir:

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

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