2017-08-22 91 views
0

我正在使用Bootstrap與角2,我的角(點擊)不工作在我的popover內容。自舉popover中的角元素

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

不準不準。停止。停止使用Angular和jQuery。使用Angular或jQuery,不能同時使用。他們是競爭對手,有完全不同的方法。 Angular生成DOM,jQuery操縱它。以Angular方式或者jQuery方式來做事。你只是笨拙地混合起來,加載兩個庫而不是一個庫。 –

回答

0

你爲什麼不爲你的酥料餅和你做這樣的事情<my-component></my-component>的酥料餅的HTML,因此你可以使用創建一個組件myComponent.ts文件具有您想要的邏輯。