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

Обзор

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

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

$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 = 'AngularJS';
expect(exp(context)).toEqual('Hello AngularJS!');

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"} }">