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"

Angular 2 - 如何通过点击启用/禁用contenteditable？

1 个答案: