javascript - 当使用 $compile 以编程方式创建指令时，如何调用链接函数？

Question

我正在另一个父指令中创建指令，然后将该指令的编译元素附加到父指令的节点。 $compile(template)(scope) 正确创建指令，但未调用链接函数。

var addProductsToPage = function(template, products) {

      for (var i = 0 ; i < products.length ; i++) {

        var product = products[i];

        var productScope = $scope.$new(true);

        productScope.product = product

        var productDirective = $compile(template);

        var productElement = productDirective(productScope);

        element.append(productElement);

      }

}

模板编译后如何调用链接函数？

Answer 1

$compile(template) 实际上返回链接函数。

所以productDirective(productScope)实际上是对链接函数的调用。

来源:http://docs.angularjs.org/api/ng.$compile

Returns {function(scope[, cloneAttachFn])} – a link function which is used to bind template (a DOM element/tree) to a scope