Angular 2 动态更改 contenteditable

Question

我知道我可以创建指令来操作属性。我想知道操作 contenteditable 的真/假值的概念是否相同？或者，还有更好的方法？基本上，我有将评论放入表格的评论部分，我希望能够通过按钮编辑每个评论以激活 contenteditable 以等于 true。我试图像这样从 contenteditable 中调用一个函数，contenteditable="Edited()"但似乎不支持传递一个函数。

编辑

我也尝试过将可竞争的称为这样的指令......

import { Directive, ElementRef, Input } from '@angular/core';
@Directive({ selector: '[myEdit]' })
export class EditDirective {
    constructor(el: ElementRef) {
       el.nativeElement.contenteditable = 'true';
    }
}

然后在 html 上调用指令，<td myedit>但没有运气。为了验证我的指令被正确调用，我更改了它以更改文本的颜色并且它起作用了，所以我倾向于这不是操作 contenteditable 属性的正确方法。

这里也是我尝试的 plunkr https://plnkr.co/edit/029WpB11IqkvYlQieT6h?p=preview

Answer 1

该contentEditable属性区分大小写

Plunker 示例

也可以看看

• http://www.w3schools.com/jsref/prop_html_contenteditable.asp