调用$编译自定义指令

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。