javascript - 在一个主指令中使用多个指令

Question

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

有没有一种方法可以使用另一个新的父指令来调用该方法中使用的 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 属性的函数版本。

template

HTML markup that may:

• Replace the contents of the directive's element (default).

Value may be:

• A function which takes two arguments tElement and tAttrs (described in the compile function api below) and returns a string value.

— AngularJS Comprehensive Directive API - template