Angular-дағы Үлгі Айнымалылары

Angular-да бет тегтеріне үлгі айнымалылары арқылы қол жеткізуге болады. Олар тегті айнымалыға байлауға және компонент жұмыс істеп тұрған кезде оған сілтеме жасауға мүмкіндік береді. Мұндай айнымалыны жариялау үшін оның атының алдына # таңбасын қою керек.

Практикада қарастырайық. Мысалы, бізде div бар делік. Оны үлгі айнымалысына жазайық:

app/app.component.html<div #userName>
  text
</div>

Енді userName айнымалысында біздің div-тің DOM элементіне сілтеме болады. Және біз онымен таза JavaScript-те жасалғандай жүре аламыз. Мысалы, осы div-тің мәтінін басқа тегте шығарайық:

app/app.component.html<div>
  {{ userName.textContent }}
</div>