动态地在另一个指令中包含指令

Question

我有一个叫做table-div的指令，它可以呈现表头和表体。 tbody中的每一行都可以添加一些额外的功能。如果它具有这种能力，那么应该包含一个自定义指令来打印出一些数据并将其链接到其父指令的范围。

表-DIV指令：

​​

我的表格行指令沿着这

<div> 
    <p>some data here</p> 
    <div class="{{directive}}"></div> 
</div> 

线条看起来和我editAvailable指令看起来像这样

<div> 
    <p> name: {{parentDirectiveScope.name}}</p> 
    <button>edit</button> 
    <button>save</button> 
</div> 

这将如何实现？基本上，问题是以某种方式链接该变量，该变量持有指令名称并以某种方式评估它实际显示指令。这可能吗 ？

Answer 1

发现我可以使用ng-include指令来包含模板文件。 基本上我的表格列会是什么样

<div> 
    <p>some data here</p> 
    <ng-include src="{{directive}}"></ng-include> 
</div> 

的{{指令}}将实际的URL的模板。

然后我editAvailable“指令”看起来像

<div ng-controller="EditAvailableCtrl"> 
    <p> name: {{name}}</p> 
    <button>edit</button> 
    <button>save</button> 
</div> 

我要创建一个EditAvailableCtrl它就像一个指令（这意味着它具有DOM相互作用以及）。

我无法找到解决方案的另一种方式，但它似乎正常工作，它允许我动态加载模板。值得注意的是，EditAvailableCtrl $ scope将继承父范围，因此为您提供了很大的灵活性。

我很乐意提出建议，也许这不是一个好的做法，但它为我做的工作。