JQuery Xeditable funktioniert nicht mit Angular2

Question

Ich verwende JQuery Xeditable mit Angular2 wie unten angegeben. Aber es öffnet sich das xeditable Popup nur einmal.

Kann mir jemand dabei helfen ?.

-Code-Schnipsel wie unten Component-Klasse gegeben:

@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-Code:

<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

Es gibt contenteditable 'ist <h1 contenteditable="true">Something</h1> Attribut Sie es als Alternative ausprobieren können ...