javascript - 嵌入编译时间

Question

根据 Angular 开发者指南:

transclude - 编译元素的内容并使其可用于指令。

编译内容时是否可以更改？出于性能原因，我想将内容传递给一个指令，我想用正确的范围(父级)编译该指令，但仅当/如果某个事件发生时。那可能吗？如果没有，有什么方法可以让我以不同的方式来做这件事吗？

Answer 1

我这样做是为了确保在事件发生之前嵌入的内容不会插入到 DOM 中，尽管我不能 100% 确定实际编译发生的时间。它看起来像这样(使用 jQuery):

app.directive('thumbnail', function() {
  return {
    replace: true,
    transclude: true,
    template: "<div><a class='clicker'>Click to show.</a>\n" +
              "<div class='placeholder'></div></div>",
    controller: function($scope, $transclude, $element) {
      $element.find('.clicker').once('click', function() {
        $(this).hide();
        var clone = $transclude();
        $element.find('.placeholder').append(clone);
      });
    })
  };
});

<div thumbnail>
  <div expensive-dom-stuff-here></div>
</div>