contenteditable="true" 在子组件 Angular 中不起作用答案

【问题标题】：contenteditable="true" not functional in a sub component Angularcontenteditable="true" 在子组件 Angular 中不起作用
【发布时间】：2018-09-27 09:34:11
【问题描述】：

我在组件中有一个带有 contenteditable="true" 属性的 div。

子组件html：

<div class="text" contenteditable="true" >
</div>

。主要组件html：

<html>
    <body>
        <app-subcomponent
            [someValue]="someValue">
        </app-subcomponent>
    </body>
</html>

它确实会产生预期的标准蓝色轮廓，但不可编辑。但是，如果我在主组件中添加带有 contenteditable 属性的 div，它就可以正常工作。

为什么会出现这种情况，我该如何解决？我可以使用 input 和 textarea 元素（它们可以工作），但我更喜欢 div 可编辑方法，因为在这种情况下它会是一个更优雅的解决方案。

【问题讨论】：

It seems to work，所以也许你应该提供一个minimal reproducible example
我知道我之前做过没有问题，所以也许确实是因为我的具体情况，我会继续隔离代码部分，同时保持问题。
请给我们一个沙箱来验证您确实有这个问题。
我一一注释了我所有的代码，发现命令：jQuery(".freeSelect").disableSelection();导致了这种行为。感谢您的宝贵时间
没问题，很高兴能帮上忙！

标签： html angular contenteditable

【解决方案1】：

问题不在这部分代码中：我有 jQuery(".freeSelect").disableSelection();某处，它只作用于子组件，而不是我的主要组件

【讨论】：