angular js为a标签追加点击事件
来源:互联网 发布:unix和linux 编辑:程序博客网 时间:2024/05/22 13:04
使用例子: 再项目中,用到只能有一个按钮触发事件,由于是访问接口的方法,因此再按钮触发时,将接口访问地址返回,并访问即可完成该操作。但是一个a标签满足不了触发请求后台方法,又同时访问返回路径请求。
a标签用ng-href :
<a ng-href="{{pdfUrl}}" id="pdfExp" ></a> //后台返回的接口路径a1标签
<a href="javascript:void(0);" ng-click="pdfExport(item.REQUEST_KEY)" class="btn-blue">导出</a>
//a2标签 点击访问后台查询接口地址
遇到的问题:
已经根据传入的值查到并返回接口访问地址,并复制到ng-href中,但是a1标签自动触发不能实现。以下几种方法是查到的,试过之后并不好用
方法:1)angular.element('#pdfExp').click();
方法:2) $("#pdfExp").click();
方法:3) angular.element("#pdfExp").click();
方法:4)document.getElementById("pdfExp").trigger('click')
方法:5)
$scope.pdfUrl = pdfUrl;//为a标签href赋值
document.getElementById("pdfExp").click(); //触发a点击事件
$("#pdfExp").trigger('click') ;//触发a点击事件
不知道什么原因,方法5可以实现下载,但是会有延迟,就是第一次点击是没有反应,第二次点击按钮,a标签事件才触发,下载的是第一次点击的文件,依次类推,第三次,下载的是第二次的文件
最终解决方案:
<a ng-href="{{pdfUrl}}"></a>
<a href="javascript:void(0);" ng-click="pdfExport(item.REQUEST_KEY)" >导出</a>
点击导出,获取路径,将路径赋值到第一个a标签,用window.open(url,'_self');来实现。
var pdfUrl = data.downloadUrl;//查到的路径
$scope.pdfUrl = pdfUrl;
window.open($scope.pdfUrl,'_self');
阅读全文
0 0
- angular js为a标签追加点击事件
- <a>标签点击事件
- 通过js事件触发<a>标签点击事件
- WebView 实现JS效果和a标签的点击事件
- 通过js动态为标签元素添加点击事件
- js 及jq 点击别的标签触发 a 标签点击事件
- <a>标签的点击事件
- a标签的点击事件
- a标签中的点击事件
- <a>标签的点击事件
- a标签绑定点击事件
- <a>标签点击事件说明
- a标签加入点击事件
- js给li标签中的所有a标签加点击事件
- a标签中有点击事件
- a标签中有点击事件
- a标签中有点击事件
- a标签中有点击事件
- 迅为嵌入式开发平台4418/6818看门狗教程
- 密码-国密
- HDU1124 一个数的阶乘的结果中包含 几个 0
- 通过JDBC访问phoenix
- 好东西来了!2017云栖大会400+份重磅资料下载
- angular js为a标签追加点击事件
- windows 启动关闭Oracle监听和服务
- 让元素自适应屏幕大小
- 数据库连接池
- 如何安装VisualSVN-Server-3.7.0
- 为什么AI工程师要懂一点架构?
- 有三个线程,怎么让他们按顺序执行
- web.xml中的security-constraint
- spring boot项目搭建 发布 打包弯路全纪录