2017-08-22 5 views
0

私は角度2のブートストラップを使用しています。私のアングル(クリック)は私のポップオーバー・コンテンツの中では機能しません。ブートストラップ・ポップ・オーバー内の角の要素

HTML:

<p id="myPopover-profile">Operator</p> 

    <div class="profile-option" id="profile-option"> 
     <div class="user-name"> Jhone Doe</div> 
     <div class="line"> </div> 
     <div class="end-session" (click)="endSession()"> End Session </div> 
     <div class="logout"> Logout </div> 
    </div> 

</div> 

TS:

ngOnInit() { 
    $('#myPopover-profile').popover({ 
     placement: 'bottom', 
     toggle: 'popover', 
     html: true, 
     content: function() { 
     return $('#profile-option').html(); 
     } 
    }); 

    } 

    endSession(){ 
    console.log("test"); 
    } 
+0

あなたのHTMLはどこに宣言されていますか? – yurzui

+0

https://ng-bootstrap.github.io/#/components/popover/api – dfsq

+0

Nope nope nope。やめる。 Angular AND jQueryの使用をやめてください。 Angular OR jQueryを併用することはできません。彼らは競争相手であり、全く異なるアプローチをとっています。 AngularはDOMを生成し、jQueryはそれを操作します。物事を角度の方法、またはjQueryの方法で行います。あなたは不器用なものを混ぜて、1つではなく2つのライブラリを読み込んでいます。 –

答えて

0

なぜゆえあなたはを使用することができ、あなたのポップオーバーのためのコンポーネントを作成していけないとポップオーバーのHTMLにあなたが<my-component></my-component>ような何かを行いますmyComponent.tsファイルに必要なロジックを設定します。

関連する問題