Угловой 2 динамически меняет contenteditable

Question

Я понимаю, что могу создавать директивы для управления атрибутами. Мне было интересно, является ли концепция одинаковой для манипулирования значением true/false для 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.

Также здесь plunkr к моей попытке https://plnkr.co/edit/029WpB11IqkvYlQieT6h?p=preview

Answer 1

contentEditable свойство чувствительный к регистру

Plunker Example

Смотрите также

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