CONTENTEDITABLE ="真"在子组件Angular中不起作用

时间:2018-04-17 12:08:12

标签: html angular contenteditable

我有一个有满足感的div =" true"组件中的属性。

子组件html:

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

。 主要组件html:

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

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

为什么会这样,我该如何解决?我可以使用输入和textarea元素(并且它们可以工作)但我更喜欢div可编辑方法,因为在这种情况下它将是一个更优雅的解决方案。

1 个答案:

答案 0 :(得分:0)

问题不在这部分代码中: 我有jQuery(“。freeSelect”)。disableSelection();在某个地方它只对子组件而不是我的主要组件

起作用