Angular-ի Ձևանմուշային փոփոխականները

Angular-ում հնարավոր է ստանալ էջի տեգերի առաջադրանք ձևանմուշային փոփոխականների օգնությամբ։ Դրանք թույլ են տալիս կապել տեգը փոփոխականի հետ և դիմել դրան կոմպոնենտի աշխատանքի ժամանակ։ Նման փոփոխական հայտարարելու համար անհրաժեշտ է դրա անունից առաջ դնել # նշանը։

Եկեք գործնականում նայենք։ Ենթադրենք, օրինակ, մենք ունենք div։ Գրենք այն ձևանմուշային փոփոխականի մեջ։

<div #userName>
	text
</div>

Այժմ userName փոփոխականում կլինի մեր div-ի DOM տարրի հղումը։ Եվ մենք կարող ենք դրան դիմել այնպես, ինչպես դա արվում է մաքուր JavaScript-ում։ Օրինակ, եկեք արտածենք այս div-ի տեքստը մեկ այլ տեգում։

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

Տրված է div։ Տրված է նկար։ Գրեք նկարի հղումը ձևանմուշային փոփոխականի մեջ։ Արտածեք src մեր նկարի ներսում գտնվող div-ում։