Отображение значений с помощью интерполяции¶

Предварительные условия¶

• Основы компонентов
• Основы шаблонов
• Синтаксис связывания

Интерполяция — это вставка выражений в размеченный текст. По умолчанию интерполяция использует двойные фигурные скобки {{ и }} в качестве разделителей.

Чтобы проиллюстрировать работу интерполяции, рассмотрим компонент Angular, содержащий переменную currentCustomer:

1

currentCustomer = 'Maria';

Используйте интерполяцию для отображения значения этой переменной в соответствующем шаблоне компонента:

1

<h3>Current customer: {{ currentCustomer }}</h3>

Angular заменяет currentCustomer строковым значением соответствующего свойства компонента. В данном случае это значение Maria.

В следующем примере Angular оценивает свойства title и itemImageUrl для отображения текста заголовка и изображения.

1
2

<p>{{title}}</p>
<div><img alt="item" src="{{itemImageUrl}}" /></div>

Что дальше¶

• Привязка свойств
• Связывание событий

14.04.2022

Комментарии