JQuery Xeditable ne fonctionne pas avec Angular2

Question

J'utilise JQuery xeditable avec Angular2 comme indiqué ci-dessous. Mais, le popup xeditable s'ouvre une seule fois.

Quelqu'un peut-il m'aider à ce sujet?

extrait de code sont indiquées ci-dessous classe 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 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

Il est 'contenteditable' attribut <h1 contenteditable="true">Something</h1> vous pouvez l'essayer comme solution de rechange ...