Angular komponentining klass xususiyatlari shablonida

Komponent klassining barcha ochiq xususiyatlari komponent shablonida mavjud bo'ladi. Keling, ularga qanday murojaat qilishni ko'rib chiqaylik.

Faraz qilaylik, bizning klassimizda quyidagi ochiq xususiyat mavjud:

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

Keling, xususiyatimizning mazmunini vebsahifada chiqaramiz. Buning uchun qo'sh jingalak qavs ichiga xususiyat nomini yozish kifoya:

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

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