# Шаблонные переменные в Angular

В Angular можно получить доступ к тегам страницы с помощью шаблонных переменных. Они позволяют привязать тег к переменной и ссылаться на него во время работы компонента. Для того, чтобы объявить такую переменную, нужно перед ее именем поставить знак `#`.

Давайте посмотрим на практике. Пусть, к примеру, у нас есть див. Запишем его в шаблонную переменную:

`<div #userName> text </div>`

Теперь в переменной `userName` будет лежать ссылка на DOM элемент нашего дива. И мы можем обращаться с ней так, как это делается в чистом JavaScript. Например, давайте выведем текст этого дива в другом теге:

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

Дан див. Дана картинка. Запишите ссылку на картинку в шаблонную переменную. Выведите `src` нашей картинки внутри дива.

← →
↑