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

Обзор

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

var $interpolate = ...; // injected
var exp = $interpolate('Hello {{name | uppercase}}!');
expect(exp({name:'AngularJS'})).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 = '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"} }">