$ parse，$ interpolate和$ compile服务之间有什么区别？

Question

是什么区别$parse，$interpolate和$compile服务？对我来说，他们都做同样的事情：获取模板并将其编译为模板功能。

Answer 1

这些都是服务的所有例子，援助在AngularJS视图呈现（虽然$parse并
$interpolate可以使用该结构域之外）。为了说明每个服务的作用，让我们以这段HTML为例：

var imgHtml = '<img ng-src="/path/{{name}}.{{extension}}">'

和范围上的值：

$scope.name = 'image';
$scope.extension = 'jpg';

鉴于此标记，这里是每个服务带到表中的内容：

• $compile-它可以使用整个标记并将其转换为链接功能，当在特定范围内执行该链接功能时，会将一段HTML文本转换为动态的，具有所有指令（在此处ng-src：）对模型更改做出反应的实时DOM 。可以这样调用它：$ compile（imgHtml）（$ scope）并获得一个带有所有DOM事件范围的DOM元素。$compile正在利用$interpolate（除其他事项外）完成工作。
• $interpolate知道如何使用嵌入式插值表达式处理字符串，例如：/path/{{name}}.{{extension}}。换句话说，它可以使用带有插值表达式的字符串，范围并将其转换为结果文本。可以将$interpolation服务视为一种非常简单的基于字符串的模板语言。给定上面的示例，可以使用此服务，例如：$interpolate("/path/{{name}}.{{extension}}")($scope)获得path/image.jpg字符串作为结果。
• $parse用于通过$interpolate评估个体式（name，extension对一个范围）。它可用于 读取 和 设置 给定表达式的值。例如，要评估name表达式，可以这样做：$parse('name')($scope)获得“图像”值。要设置值，可以这样做：$parse('name').assign($scope, 'image2')

所有这些服务正在共同努力，以在AngularJS中提供实时UI。但是它们在不同的级别上运行：

• $parse仅与单个表达式（name，extension）有关。它是一种读写服务。
• $interpolate是只读的，并且涉及包含多个表达式（/path/{{name}}.{{extension}}）的字符串
• $compile 是AngularJS机制的核心，可以将HTML字符串（带有指令和插值表达式）转换为实时DOM。