Улучшить эту документацию Посмотреть исходный код $interpolate

Компилирует строку с разметкой в функцию интерполяции. Этот сервис используется службой HTML $compile для привязки данных. Смотрите $interpolateProvider для конфигурирования разметки интерполяции.

var $interpolate = ...; // injected
var exp = $interpolate('Hello {{name | uppercase}}!');
expect(exp({name:'Angular'})).toEqual('Hello ANGULAR!');

$interpolate принимает необязательный четвертый аргумент, allOrNothing. Если allOrNothing равно true, функция интерполяции вернет undefined, если все вложенные выражения не принимают значение, отличное от undefined.

var $interpolate = ...; // injected
var context = {greeting: 'Hello', name: undefined };

// default "forgiving" mode
var exp = $interpolate('{{greeting}} {{name}}!');
expect(exp(context)).toEqual('Hello !');

// "allOrNothing" mode
exp = $interpolate('{{greeting}} {{name}}!', false, null, true);
expect(exp(context)).toBeUndefined();
context.name = 'Angular';
expect(exp(context)).toEqual('Hello Angular!');

allOrNothing полезна для интерполяции URL-адресов. ngSrc и ngSrcset используют это поведение.

Экранированная интерполяция

$interpolate предоставляет механизм для экранирования маркеров интерполяции. Начальные и конечные маркеры можно экранировать, предваряя каждый их символ обратной косой чертой U+005C (обратный слэш). Она будет отображаться как обычный начальный/конечный маркер и не будет интерпретироваться как выражение или привязка.

Это позволяет веб-серверам в некоторой степени предотвращать атаки с инъекцией сценариев и подделкой, а также позволяет примерам кода работать без использования директивы ngNonBindable.

В целях безопасности настоятельно рекомендуется, чтобы веб-серверы экранировали данные, введенные пользователем, заменяя угловые скобки (<, >) на &lt; и &gt; соответственно, и заменяя все начальные/конечные маркеры интерполяции их экранированными аналогами.

Экранированные маркеры интерполяции заменяются фактическими маркерами интерполяции в выходном коде только при обработке текста службой $interpolate. Таким образом, для HTML-элементов, интерполированных службой $compile, или интерполированных с параметром mustHaveExpression установлен на true, интерполированный текст должен содержать неэкранированное выражение интерполяции. Таким образом, это обычно полезно только при использовании данных пользователя для рендеринга шаблона со стороны сервера или при использовании недоверенных данных директивой.

<div data-context='{"context":{"id":3,"type":"page"}}">

<div data-context='{"context":{"id":3,"type":"page"} }">