javascript - Angular JS $插值查询

Question

我是 Angular JS 的新手，尝试理解如下所示的指令功能

function mydirective($interpolate, $compile) {
return {
    restrict: 'E',
    scope: {
        mycontent: '=',
        myurls: '=',
        mydata: '@'
    },
    replace: true,
    template: '<div ng-bind-html="html"></div>',
    link: function ($scope, element, attrs) {
        $scope.$watch('mycontent', function (value) {
            var html = $interpolate(value)($scope);

            element.html(html);

            $compile(element.contents())($scope);
        });
 } 
}
}  

我无法理解上面的内容。

1) 这个 $interpolate(value)($scope) 是做什么的？第二个参数 $scope 是什么。

2) 这个 $compile 函数是做什么的？

3) 模板中的 div ng-bind-html="html"它有什么作用？

Answer 1

What does this $interpolate(value)($scope) do?

获取value变量的文字值

what is this second argument $scope.

它提供数据绑定(bind)的上下文

it('should interpolate with undefined context', inject(
   function($interpolate) 
     {
     expect($interpolate("Hello, world!{{bloop}}")()).toBe("Hello, world!")
     }
  ));

What is this $compile function doing?

它将字符串转换为 Angular 标记

div ng-bind-html="html" in template what does it do?

它编译 $scope.html 中的 HTML 字符串并将其添加到标记中

引用文献

• AngularJS Guide: Scope Watch Depths

• AngularJS Source: interpolateSpec.js

• AngularJS Expression Security Internals

• Difference in $interpolate between AngularJS 1.0 and 1.2