javascript - Angular 指令被识别为 html 表单元素

Question

我制作了自己的指令，充当具有 contenteditable 属性的输入元素。 我的问题是 jQuery 不将该元素识别为元素。 如果我这样做

$('form').serialize()

或

document.getElementById("form").elements

我的元素不会出现在这两个函数中。 有人知道为什么吗？以及如何修复它？

Answer 1

jQuery 的 serialize 方法不包含 contenteditable 元素。所以你不能像这样读取你的元素。

许多所见即所得 html 编辑器使用隐藏 textarea 的技巧。它们将 contenteditable 内部 html 的内容与 textarea 的内容同步。 serialize jQuery 方法将看到 textarea 并使用它。

由于您使用的是 Angular，因此使用同一模型同步两个元素非常容易。