Улучшить эту документацию Просмотреть исходный код $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"} }">