2016-04-22 12 views
2

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

誰もが私にこれを助けることができますか? 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> 
+0

あなたはplnkrかjsfiddleを作れますか? – martin

答えて

0

あなたが代替としてそれを試すことができます 'のcontentEditable' 属性<h1 contenteditable="true">Something</h1>があり...

+0

以下のコードをコンポーネントファイルに追加しました: $( '#show')。( 'click'、function(e){ e.stopPropagation(); $( '#comments')。 ( 'show'); }); 今は動作していますが、一度クリックすると...何かが欠けている場合は、私を助けることができますか? –

関連する問題