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

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

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

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

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

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