調用$編譯自定義指令

Question

我編寫了自定義指令<order></order>。它具有以下的模板：

<div class="container"><div class="info"></div></div> 

，我有父母定製指令<container></container>，它呈現在簡單 <div></div>。在它的鏈接功能我嘗試下面的方法添加一個order：

var compiledOrder = $compile("<order></order>")(scope); 

我認爲它返回編譯的HTML（<div></div>），但它返回<order></order>。這是預期的行爲嗎？我可以獲得指示html嗎？ 代碼「命令」指令：

directives.directive("order",function(){ 
    return{ 
     restrict: "A/E", 
     replace: true, 
     scope: { 
      order: "=data" 
     }, 
     templateUrl: "http://127.0.0.1:37328/ItemTemplates/order.html", 
     link: function(scope, element,attrs){ 
      console.log("link phase"); 
     } 
    } 
}); 

Answer 1

是，模板被插入在「指令元素」的內側（在這種情況下<order />）。所以（如果包括它或jQuery的），你可以使用jqLit​​e，像這樣

var directiveTemplate = compiledOrder.children()

Answer 2

所以，一段時間後，我決定嘗試，而不是templateUrl:與template:，並發現這種方法它的工作原理正如我所料 - $compile(<order></order>)(scope)從'order'指令模板返回html。