AngularJS：单击显示弹出框 onclick 的按钮时停止页面刷新

Question

我正在 angularjs 网站上工作，希望避免在单击 popover.Using bootstrap UI 弹出窗口时刷新页面，以显示操作列表。 第一次点击弹出窗口时页面重新加载。

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

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