Angular 2动态改变contenteditable

Angular 2 dynamically change contenteditable

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

编辑

我也试过像这样调用 contenteditable 作为指令...

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

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

这里还有我的尝试https://plnkr.co/edit/029WpB11IqkvYlQieT6h?p=preview

contentEditable属性区分大小写

Plunker Example

另见