如何将fancybox与angularjs集成

Question

我是 angular js 的新手。因此，当我看到一个例子知道如何将花式框与角度整合时，由于角度的弱保持而几乎不会产生混淆。

我正在阅读此链接http://embed.plnkr.co/y02UMQ2kU4fh8Imsa82u/

中的代码示例

就像知道他们所做的那样几行。

app.directive('fancybox', function($compile) {
  return {
    restrict: 'A',
    replace: false,
    link: function($scope, element, attrs) {

      $scope.open_fancybox = function() {

        var el = angular.element(element.html()),

        compiled = $compile(el);

        $.fancybox.open(el);

        compiled($scope);

      };
    }
  };
});

以下这些内容尚不清楚。

var el = angular.element(element.html()),
compiled = $compile(el);
$.fancybox.open(el);
compiled($scope);

1）$ compile在编译后会做什么以及返回什么？ 2）当我们需要编译范围如编译（$ scope）;

我测试了如果我评论这一行compiled($scope);然后值没有表达.......为什么？

请详细指导我。感谢