AngularJS ng-click事件不會在Bootstrap彈出窗口中觸發

AngularJS ng-click事件不會在Boostrap彈出窗口中觸發。AngularJS ng-click事件不會在Bootstrap彈出窗口中觸發

<button id="delAnnot" type="button" class="btn btn-default" 
     data-toggle="popover" data-html="true" data-placement="bottom" data-content=" 
     <button type='button' class='btn btn-danger' ng-click='vm.removeAnnotation(scenevm.sharedService.curAnnotation.ID)'>delete</button>"> 
    <span class="glyphicon glyphicon-trash"></span> 
</button>

我初始化我酥料餅用的容器，以便酥料餅是我的角度控制器內：

$(".btn").popover({ 
    placement: 'bottom', 
    trigger: 'click', 
    container: '#sceneCtrl' 
})

來源

2014-03-19 daniel

你應該這樣做嗎？你可以使用一些角度指令，因爲已經有很多很棒的指令了嗎？ –

可以肯定的「NG-舔」是行不通的嘗試「NG-點擊」。你也可以使用引導指令http://angular-ui.github.io/bootstrap/，而不是用jQuery的方式來做。問候

Sylwester

來源

2014-03-19 12:18:01 sylwester

這是一個錯字。我會嘗試使用angular-ui – daniel

ui bootstrap指令不支持popover內的角色 – daniel

結帳這個線程：AngularJS ng-click broken inside a popover

這裏是爲我工作的代碼：

//Initialize & config popover controls 
$('[data-toggle="popover"]').popover({ html : true }) 
    .click(function(ev) { 
    //this is workaround needed in order to make ng-click work inside of popover 
    $compile($('.popover.in').contents())($scope); 
});

而且不要忘了，包括$編譯和$範圍爲依賴於你的模塊。

來源

2014-05-15 16:53:45 jtlai

AngularJS ng-click事件不會在Bootstrap彈出窗口中觸發

回答

相關問題