Angular 2动态改变contenteditable

Question

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

修改

我也试图将contendeditable称为像这样的指令......

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

Answer 1

contentEditable属性区分大小写

<强> Plunker Example

另见

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