Angular'дагы шаблондук өзгөрмөлөр

Angular'да барактын теглерине шаблондук өзгөрмөлөр жардамы менен кирсе болот. Алар тегди өзгөрмөгө байлап, компонент иштеп жатканда ага шилтемө берүүгө мүмкүндүк берет. Мындай өзгөрмөнү жарыялоо үчүн, анын атынын алдына # белгисин коюу керек.

Келгиле, практикада карап көрөлү. Мисалы, бизде див бар деп коёлу. Аны шаблондук өзгөрмөгө жазып көрөлү:

<div #userName>
	текст
</div>

Эми userName өзгөрмөсүндө биздин дивдун DOM элементине шилтеме болот. Жана биз ага таза JavaScript'те кылганыдай эле кайрыла алабыз. Мисалы, келгиле бул дивдин текстин башка тегдин ичинде чыгаралы:

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

Див берилген. Сүрөт берилген. Сүрөткө шилтемени шаблондук өзгөрмөгө жазыңыз. Дивдин ичинде биздин сүрөттүн src атрибутун чыгарыңыз.