Question

在Bootstrap弹出窗口中触发的AngularJS ng-click事件。

<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>

我用一个容器初始化我的popover，以便popover在我的角度控制器中：

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

Answer 1

肯定'ng-lick'不起作用试试'ng-click'。您可以尝试使用引导指令http://angular-ui.github.io/bootstrap/，而不是以jQuery方式执行此操作。此致

Sylwester

Answer 2

结帐此帖：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);
});

并且不要忘记在模块中包含$ compile和$ scope作为依赖项。

AngularJS ng-click事件未在Bootstrap popover中触发

2 个答案: