Angular 2 - 如何通過點擊啓用/禁用contenteditable？

我想要禁用並啓用元素上的編輯模式我點擊我有一個循環遍歷並顯示我的小部件。Angular 2 - 如何通過點擊啓用/禁用contenteditable？

   <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; 
     } 

    }

誰能幫助？

來源

2017-04-02 Chris Tarasovs

什麼問題？ –

現在發生了什麼事？ – Aravind

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

來源

2017-04-02 19:27:58

如何確定我點擊的確切對象？ –

目標如何以及從哪裏 –

Angular 2 - 如何通過點擊啓用/禁用contenteditable？

回答

相關問題