指令

Question

的链接部分中的替换和transclude我有一个指令，需要有条件地替换它所在的节点;有时它会取代它，有时它会保持原样。

这是我在非取代情况做：

transclude(scope, function(clone){ 
      element.append(clone); 
     }); 

这工作正常。

我希望能够把它放在一个节点上，它将用一个模板替换它，并将其转换。我会怎么做？

下几乎似乎工作：

var node= angular.element('<a href="" role="button"></a>'); 

transclude(scope, function(clone){     
    node.append(clone); 
    element.replaceWith($compile(node)(scope)) 
}); 

Answer 1

使用outerHTML更换：

element[0].outerHTML = '<a href="" role="button"></a>'; 

并编译此模板transclude它。

参考

• AngularJS source: jqLiteSpec.js