在一条主指令中使用多个指令

Question

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

有没有办法在另一个可以显示完全相同的东西或基于配置和不同的文本编辑器指令的新父指令中使用该方法中使用的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> 

其中，该指令应该处理的方式事情它将它转换回第一个被浏览器渲染的位置。如果编辑器类型被更改，它应该指向该指令并呈现该文本编辑器。

Answer 1

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

模板

HTML标记可能：

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

值可以是：

• 采用两个参数tElement和tAttrs（在下面的编译函数API描述），并返回一个字符串值的函数。

— AngularJS Comprehensive Directive API - template