Javascript 使用AngularJS的HTML5组件网继承

我正在用AngularJS编写一个移动web应用程序，在不同的视图中都有类似的组件（请参见下图：）

我已经为其中一个组件创建了一个指令。现在我想重写大部分代码，因为它们基本上是相同的（所以我不必两次维护相同的代码）。通过服务等共享功能并不是这里真正的问题，而是不同的“HTML内容”

重用现有指令的最佳方式是什么？我可以在调用主指令或类似命令时将其“注入”到主指令中吗

下面是我正在寻找的代码示例：

app.directive('directiveOne', function() {
return {
    template: '<table><tr>
                   <td class="image"><img ...></img></td>
                   <td class="generic-input"></td>
                   <td class="dynamic-input">
                        <p>I am something</p>
                   </td>
               </tr></table>'
};


app.directive('directiveTwo', function() {
return {
    template: '<table><tr>
                   <td class="image"><i class="icon-one"></i></td>
                   <td class="generic-input"></td>
                   <td class="dynamic-input">
                        <p>I am something</p>
                        <p>I am something else</p>
                        <form>And I also have a form</form>
                   </td>
               </tr></table>'
};

app.directive（'directiveOne'，function（）{
返回{
模板：'
我很了不起

'
};
app.directive（'directiveTwo'，function（）{
返回{
模板：'
我很了不起

我是另外一个人

我还有一张表格
'
};

---

我有两个非常相似的模板作为指令，即在上面的附图中，我将调用主指令的一个版本来显示左边的图像，并调用它的第二个版本来显示右边的图像，而不是编写两个几乎相同的指令？

如果您可以使指令一个是外部指令，一个是内部指令例如，您可以

restrict:'A'，

内部的一个。然后您可以将其设置为其他人的HTML属性。但是我如何通过该属性在上面的指令中定位我的代码？例如：该指令将是“inside”，但我如何使用transclusion将其放入表单元格顺序器到特定的div中等等；）确实不清楚具体的问题是什么。指令非常灵活。请提供示例来说明issue@charlietfl我添加了一个小例子来说明我的意思。基本上，我为所附图片的左侧编写了一个html模板，并希望在图片的右侧重复使用该模板（不需要两次相同的代码）（附件）图片如果您可以将指令设置为一个是外部指令，一个是内部指令，您可以

限制：'A'，

内部指令。然后您可以将其设置为其他指令的HTML属性。但是如何通过该指令将我的代码定位在上述指令中？例如：指令将是“内部”指令但是，我如何使用转置将表单元代码放入特定的div等中；）确实不清楚具体的问题是什么。指令非常灵活。请提供示例来说明issue@charlietfl我添加了一个小例子来说明我的意思。基本上，我为所附图片的左侧编写了一个html模板，并希望在图片的右侧重复使用该模板（不需要两次相同的代码）（附）图片