角2 - クリックでcontenteditableを有効/無効にする方法は？

Question

私がクリックした要素に対して編集モードを無効にして有効にしたいと思います。 ループがあり、私のウィジェットが表示されています。

   <div *ngFor="let widget of container.widgets; let j = index" 
        class="item-column list-group-item " 
        dnd-sortable [sortableIndex]="j" 
        [dragEnabled]="!dragOperation" 
        (onDragEnter)="onDragEnter(widget, $event)" 

        (dblclick)="eventEmitDoubleClick(widget, container.widgets)" 
      contenteditable="false" 
        > 

         <div class="item-item" > 
          {{widget.name}} 
         </div> 


       </div> 

私のクリックイベント

dragOperation: Boolean = false; 
contenteditable: Boolean = false; 
eventEmitDoubleClick(widget, containerWidgets) { 

     if(this.dragOperation){ 
      this.dragOperation = false; 
      this.contenteditable = true; 
     }else{ 
     this.dragOperation = true; 
      this.contenteditable = false; 
     } 

    } 

誰でも助けることができますか？

Answer 1

<div ... [contenteditable]="contenteditable"