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

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

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

<div #userName>
	text
</div>

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

<div>
	{{ userName.textContent }}
</div>

Div берілген. Сурет берілген. Суретке сілтемені үлгі айнымалысына жазыңыз. Суреттің src мәнін div ішінде шығарыңыз.