Javascript 角度启用/禁用div元素上的可编辑内容 问题

我想将contenteditable指令的布尔值绑定到无法工作的div

输出：

无法绑定到“contenteditable”，因为它不是“div”的已知属性

尝试 我尝试添加[]方括号以将变量绑定到它。“可编辑”是一种元件特性类型布尔值 它在这种情况下起作用 如果我只是在没有任何括号的情况下将字符串设置为true，那么它就可以工作，但是这个解决方案不能解决我的需求，因为我希望动态地更改行为

我当时找不到任何解决问题的办法。我希望你知道一个解决方案，并能与我分享。非常感谢。

使用[attr.contenteditable]=可编辑

或[内容可编辑]=可编辑

attr。前缀将为您使用的任何后缀发出一个属性

<div [attr.contenteditable]="editable">Edit me!</div>

或

演示：

使用[attr.contenteditable]=可编辑

或[内容可编辑]=可编辑

attr。前缀将为您使用的任何后缀发出一个属性

<div [attr.contenteditable]="editable">Edit me!</div>

或

---

演示：

演示链接很棒，但在答案中包含代码总是很好的。这是一个天才，工作起来很有魅力。非常感谢！在几分钟后，当其可用的Demo链接非常好时，将接受，但在回答中包含代码总是很好的。这是天才，工作起来很有魅力。非常感谢！将在其可用时在几分钟内接受

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

<div [attr.contenteditable]="editable">Edit me!</div>

<div [contentEditable]="editable">Edit me!</div>