JQuery Xeditable 不适用于 Angular2

Question

我正在使用 JQuery xeditable 和 Angular2，如下所示。但是，可编辑弹出窗口只打开一次。

谁能帮我解决这个问题？

代码片段如下组件 class：

@Component({
  //some code here..
})
export class ClientDetailsComponent {
  ngOnInIt() {
    $.fn.editable.defaults.mode = 'popup';
    $.fn.editable.defaults.emptytext = '';
    $('#comments').editable({
      'rows ':4,
     'inputclass':'word-wrap newComments',
      onblur:'cancel'
    });
  }

  public showpCommentBox() {
   $('#comments').editable('show');
  }
}

Html代码：

<a class="comments vertical-top word-wrap" 
   id="comments" data-type="textarea" 
   data-pk="1" data-url="" 
   (click)="showpCommentBox()"
   data-title="Enter comments">
   <i class="pe-7s-pen fa-1x text-primary text-left" title="Click to enter comments">
</a>

Answer 1

有 'contenteditable' 属性 <h1 contenteditable="true">Something</h1> 你可以试试它作为替代...

JQuery Xeditable 不适用于 Angular2

JQuery Xeditable is not working with Angular2

jquery

x-editable

angular