Text interpolation

Использование в html-шаблонах вставки и выполнение кода через {{ }}.

Что это дает в Angular:

  • Вычисление выражений

  • Приведение выражения к строке

Нельзя использовать:

  • Все формы приравнивания (=, +=, ...)

  • Операторы new, typeof, instanceof

  • Цепочки выражений, используя ; или ,

  • Операторы инкремента ++ или декремента --

  • Некоторые операторы ES2015+.

Так же, не будут работать: побитовые операторы (| и &) .

Контекст выражения (expression context) обычно совпадает с контекстом компонента. Но может принять контекст директивы.

Имена разрешиваются в следующем приоритете:

  • Переменная темплейта (в {{ }})

  • Переменная в контексте директивы

  • Переменная компонента

<h1> Hello, {{ customer }} from component's context</h1> 
<ul>
    <li *ngFor="let customer of customers">{{ customer.value }} from directive's context </li>
</ul>

Last updated