Шаблонӣ тағирёбандаҳо дар Angular

Дар Angular дастрасӣ ба тегҳои саҳифа бо ёрии шаблонӣ тағирёбандаҳо мумкин аст. Онҳо имкон медиҳанд, ки тег ба тағирёбанда маҳкам карда шавад ва ба он дар вақти кори компонент ишора кардан мумкин аст. Барои эълон кардани чунин тағирёбанда, пеш аз номи он аломати # гузоштан лозим аст.

Биёед амалан бубинем. Бигзор, ба мисол, мо див дорем. Онро ба шаблонӣ тағирёбанда сабт кунем:

app/app.component.html<div #userName>
  матн
</div>

Ҳоло дар тағирёбандаи userName ишора ба элемент-и DOM-и диви мо хоҳад буд. Ва мо метавонем ба он тавре ишора кунем, ки дар JavaScript-и холис анҷом дода мешавад. Масалан, биёед матни ин дивро дар теги дигар чоп кунем:

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