将多个指令与一个主指令一起使用

Question

目前，在我们的应用程序中使用了来自https://github.com/TylerGarlick/angular-redactor的 angular-redactor.js。 目标是创建一个新的angular指令，该指令可以处理任何文本编辑器，而不仅仅是redactor。

有没有一种方法可以调用该方法中使用的angular-redactor指令与另一个新的父指令，该指令可以显示完全相同的内容或基于配置和不同的文本编辑器指令。

从功能上来说，HTML现在看起来像这样：

<textarea
     id="title-input"
     ng-model="title"
     ng-disabled="!hasPermission('editPageTitle')"
     height="26px"
     style="resize:none; max-height: 32px"
     redactor="{  buttonsHide: ['link', 'super-script', 'subscript', 'symbol']}">
</textarea>

目的是使它看起来像这样：

<my-custom-directive
     id="title-input6"
     ng-model="title"
     ng-disabled="!hasPermission('editPageTitle')"
     editor-config="fullToolbar"
     editor-type="redactor">
</my-custom-directive>

在哪里，该指令应以某种方式处理事物，将其转换回浏览器要呈现的第一个指令。 如果更改了editor-type，则应指向该指令并呈现该文本编辑器。

Answer 1

一种方法是使用DDO template属性的功能版本。

模板

HTML标记可能：

• 替换指令元素的内容（默认）。

值可能是：

• 该函数接受两个参数tElement和tAttrs （在下面的编译函数api中进行描述），并返回一个字符串值。

— AngularJS综合指令API-模板