AngularJS：点击按钮显示popover onclick停止页面刷新

Question

我正在开发angularjs网站，并希望在点击popover时避免页面刷新。使用bootstrap UI popover，显示操作列表。 第一次点击popover时页面重新加载。

我的html文件：

<button ng-click="openTemplate($event)" uib-popover-template="searchPopover" 
  popover-placement="left" type="button" class="btn btn-default" 
  popover-trigger="focus">Actions
</button>

我的controller.js：

$scope.openTemplate=function(event){
    event.preventDefault();
}

Answer 1

最简单的解决方案是使用<a>标记，而不是<button>，而不使用href属性。