指令

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