JQuery XeditableがAngular2と連携していません

Question

私は以下のようにAngular2でJQuery xeditableを使用しています。しかし、それはxeditableポップアップは一度だけ開いています。

誰もが私にこれを助けることができますか？ Componentクラス以下に示すよう

コードスニペットは、次のとおりです。

@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>があり...