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

Question

我在 angularjs 网站上工作，希望避免在单击弹出框时刷新页面。使用引导 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>

我的控制器.js：

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

Answer 1

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