Javascript 如何动态更改TRIX富文本编辑器工具栏?

Javascript 如何动态更改TRIX富文本编辑器工具栏?,javascript,angularjs,trix,Javascript,Angularjs,Trix,我有一个AngularJS应用程序,我通过这个指令使用trix富文本编辑器 我对自定义的工具栏有自己的指令(有时显示一些按钮,有时不显示等等)。工具栏将加载,但TRIX编辑器不会将按钮链接到操作 如果将自定义工具栏从指令中移开,按钮将正确链接。我认为,问题在于,由于trix工具栏的加载时间晚于trix编辑器所在的指令,因此当trix搜索按钮时,带有属性数据trix属性等的按钮还不在dom中。我不想将trix编辑器嵌入到工具栏所在的同一个指令中,因为这会使trix的初始化和文件管理等复杂化 这只

我有一个AngularJS应用程序,我通过这个指令使用trix富文本编辑器

我对自定义的工具栏有自己的指令(有时显示一些按钮,有时不显示等等)。工具栏将加载,但TRIX编辑器不会将按钮链接到操作

如果将自定义工具栏从指令中移开,按钮将正确链接。我认为,问题在于,由于trix工具栏的加载时间晚于trix编辑器所在的指令,因此当trix搜索按钮时,带有属性数据trix属性等的按钮还不在dom中。我不想将trix编辑器嵌入到工具栏所在的同一个指令中,因为这会使trix的初始化和文件管理等复杂化

这只是我的短代码(jade)

在这里,我认为trix编辑器是在trix工具栏内容之前加载的,因此它失败了


我的trix工具栏是一个主要复制原始工具栏dom结构的指令

我无法给出标题的答案,但我通过将trix编辑器转移到my-trix-toolbar解决了这个问题。你应该写出你使用的解决方案。
trix-toolbar(id="my-trix-toolbar", my-trix-toolbar, no-bold)

trix-editor(angular-trix, toolbar="my-trix-toolbar")