扩展AngularJS中的指令(在链接之前和之后共享属性)
发布时间：2020-12-17 18:07:29 所属栏目：安全 来源：网络整理
导读：我有一个指令,它在LinkingFunction中创建一个富文本编辑器.我用于富文本编辑器的小指令可以在 https://github.com/angular-ui/ui-tinymce/blob/master/src/tinymce.js找到. 我需要用另一个指令扩展这个指令,这个指令允许我配置默认选项并访问前一个指令创建
|
我有一个指令,它在LinkingFunction中创建一个富文本编辑器.我用于富文本编辑器的小指令可以在
https://github.com/angular-ui/ui-tinymce/blob/master/src/tinymce.js找到.
我需要用另一个指令扩展这个指令,这个指令允许我配置默认选项并访问前一个指令创建的元素. 如果可能的话,我想这样做而不用原始的ui-tinymce指令(链接到上面).在该指令中有两个属性： > uiTinymceConfig,我需要能够在运行此指令的LinkingFunction之前访问和配置(在将选项传递给TinyMCE之前) 我已经对extending directives进行了大量的研究,以及“Directive Definition Object”可用的不同属性,例如链接,预链接,后链接,编译和控制器.我已尝试使用其中一些方法在两个指令之间共享属性,但我还没有提出符合我需求的解决方案(上图). 如果没有这样做就无法实现所需,我很乐意分叉这个原始的指令代码. 解决方法
所以我为你调查了一下,并提出了
this Plnkr.
这将允许您覆盖为注入提供的值 – 请注意,您可以在依赖于子模块的模块中执行此操作,因此您可以为依赖于子模块的不同模块提供不同的配置,这些模块将用于ui- tinymce指令. 使用类似的原则,您应该能够通过简单地覆盖它来编辑uiTinymceConfig的配置值.如果您愿意,您甚至可以在基本模块中执行this并覆盖它. 如果要在实例化后编辑实例本身,可以使用ID属性直接访问它,并直接在代码中的任何位置调用tinymce.get(‘#IDattribute’). （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |