首页 > 解决方案 > 角度可编辑文本

问题描述

我正在编写一个代码,用户单击屏幕上的按钮,用户可以看到一个段落。我希望那段是可编辑的。例如,用户应该能够在其中编写其他内容。我的代码中有readonly一部分,我删除了它,但它仍然不可编辑。我怎样才能做到这一点?

在此处输入图像描述 HTML 代码:

<div class="content fuse-white ml-24 mr-8 h-100-p" fusePerfectScrollbar>
        <div class="label-list">
            <p>
                Label Info: 

                <span>
                    {{_stickerData?.StickerData}}
                </span>
            </p>
        </div>
    </div>

标签: javascripthtmlangulartypescript

解决方案


在 HTML 中,如此链接所述:

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Editable_content

你必须设置

内容可编辑

段落元素上的属性以使其可编辑。

将段落属性与布尔值绑定,以便在单击按钮时将布尔值设置为 True,这将触发内容可编辑。


推荐阅读