AngularJs中使用 a 标签弹出确认框

一般在html中可以使用以下代码,先弹出确认框在根据用户选择判断是否跳转。点击确认会跳转到page.html,点击取消会关闭确认框。

1
<a href="page.html" onclick="return confirm('Confirm to redirect?')">;</a>;

但如果是AngularJS中 a 标签用到 ui-sref 来代替 href 的话,此时用上述的用法就会出现点击确认或者取消都会进行跳转。此时可以按照以下写法,在script中拼装页面链接。

1
2
3
4
5
6
7
8
<a href="javascript:void(0)" ng-click="deleteThis(id)">;
<script>;
$scope.deleteThis = function(id){
if(confirm('Confirm to redirect?')){
location.href = 'page.html';
}
};
</script>;

文章目录
,