扩展AngularJS中的指令(在链接之前和之后共享属性)

前端之家收集整理的这篇文章主要介绍了扩展AngularJS中的指令(在链接之前和之后共享属性)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个指令,它在LinkingFunction中创建一个富文本编辑器.我用于富文本编辑器的小指令可以在 https://github.com/angular-ui/ui-tinymce/blob/master/src/tinymce.js找到.

我需要用另一个指令扩展这个指令,这个指令允许我配置默认选项并访问前一个指令创建的元素.

如果可能的话,我想这样做而不用原始的ui-tinymce指令(链接到上面).在该指令中有两个属性

> uiTinymceConfig,我需要能够在运行此指令的LinkingFunction之前访问和配置(在将选项传递给TinyMCE之前)
> tinyInstance,我需要在该指令创建后进行操作

我已经对extending directives进行了大量的研究,以及“Directive Definition Object”可用的不同属性,例如链接,预链接,后链接,编译和控制器.我已尝试使用其中一些方法在两个指令之间共享属性,但我还没有提出符合我需求的解决方案(上图).

如果没有这样做就无法实现所需,我很乐意分叉这个原始的指令代码.

解决方法

所以我为你调查了一下,并提出了 this Plnkr.

这将允许您覆盖为注入提供的值 – 请注意,您可以在依赖于子模块的模块中执行此操作,因此您可以为依赖于子模块的不同模块提供不同的配置,这些模块将用于ui- tinymce指令.

使用类似的原则,您应该能够通过简单地覆盖它来编辑uiTinymceConfig的配置值.如果您愿意,您甚至可以在基本模块中执行this并覆盖它.

如果要在实例化后编辑实例本身,可以使用ID属性直接访问它,并直接在代码中的任何位置调用tinymce.get(‘#IDattribute’).

猜你在找的Angularjs相关文章