AngularJS - $ interpolate vs $ filter

Question

В AngularJS $filter предоставляет способ форматирования данных, отображаемых пользователем. Однако $interpolate также позволяет нам обновлять строку текста.

$interpolate и $filter связанные друг с другом? Как эти два концептуально отличаются друг от друга?

Answer 1

Вы можете думать о $ interpolate() как специализированном фильтре.

var interpolationFunction = $interpolate('{{thing}} is {{color}}.'); 

var grass = {thing: 'Grass', color: 'green'}; 
console.log(interpolationFunction(grass)); 

// Or just. 
console.log(interpolationFunction({thing: 'Milk', color: 'white'})); 
console.log(interpolationFunction({thing: 'The sky', color: 'blue'})); 

Это будет производить:

Grass is green. 
Milk is white. 
The sky is blue. 

Вы можете думать о возвращаемом значении $ интерполировать (STRING) в виде скомпилированного шаблона, который позже визуализации с набором переменных.

Наоборот, $ filter (NAME) возвращает функцию, которая ранее была зарегистрирована как фильтр с именем NAME. Например, фильтр «в верхнем регистре» преобразует его аргументы в верхний регистр, число форматов фильтров «число», фильтр «даты» форматирует объекты Date, и вы можете определить свои собственные именованные фильтры, которые выполняют произвольные вещи с помощью своих аргументов.