javascript - Angular 插值,指令,ngModel不起作用

标签 javascript angular typescript ngx-editor

目前我正在尝试自定义 Ngx-Editor在编辑器中添加表格等功能。
编辑器基于 textarea,我使用 document.createElement() 创建表格,并使用 document.execCommand('insertHTML') 插入到 textarea 中。
但问题是,如果单击并右键单击功能,我希望在表格上有一个弹出窗口,以便可以弹出弹出窗口来编辑现有表格。
但在表中使用任何插值或指令都不起作用。

就像 {{somecontent}} 一样被打印。

有什么方法可以在 Angular 上下文之外创建带有弹出窗口和上下文菜单的表格。

我正在使用 Angular 4。

最佳答案

它不起作用,因为您要在构建后的应用程序中添加代码。

问问你自己:{{ someContent }} 是有效的 vanillaJS 代码吗?如果你把这个写在 Javascript 文件中,它会起作用吗?

没有。因为这是 Angular 语法,并且由编译器读取并翻译为 vanillaJS。

此外,在使用 Angular 时,您不应该自己操作 DOM。该框架应该为您处理这个问题。

如果您想要一个自定义组件,则必须从头开始创建一个(或派生现有组件)。您无法即时扩展组件。

关于javascript - Angular 插值,指令,ngModel不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50523449/

相关文章:

javascript - float 饼图工具提示百分比

angular - 运行 npm 测试后无法读取未定义的属性 'subscribe'(Angular 2 单元测试)

angular - 使用 Cypress 更改 Angular Material 中的选项卡

javascript - 根据在另一个数组中设置的 true 或 false 映射一个数组

javascript - 如何在 Phonegap 中使用 angularJs?

javascript - Fabricjs:当编辑使用 FlipX 反转的文本时,各个字符保持翻转状态;编辑不是很有用

javascript - Fancybox3 第二个链接启动图像周围的链接?

angular - Flux 与全局变量(在服务中)

performance - TypeScript 编译速度极慢 > 12 秒

angular - 无效字符错误 Angular