კომპონენტის კლასის თვისებები Angular-ის თემფლეიტში

კომპონენტის კლასის ყველა საჯარო თვისება იქნება ხელმისაწვდომი კომპონენტის თემფლეიტის შიგნით. მოდით ვნახოთ, როგორ მივწვდეთ მათ.

დავუშვათ, ჩვენს კლასში გვაქვს შემდეგი საჯარო თვისება:

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

გამოვიტანოთ ჩვენი თვისების შიგთავსი ვერსტკაში. ამისთვის საჭიროა ჩავწეროთ თვისების სახელი ორმაგ ფიგურულ ფრჩხილებში:

app/app.component.html<div>
  {{ test }}
</div>
Задание 1

მოცემულია შემდეგი ვერსტკა:

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

გახადეთ ისე, რომ სახელი და გვარი გადაიცემოდეს თემფლეიტში კომპონენტის კლასიდან.