Angularjs 指令示例
2016-06-28 15:01
489 查看
pdf文件预览指令
1.指令定义
2.js代码
3.指令使用
4.命名规则
1.指令定义
app.directive('embedPdf', function() { return { restrict: 'E', scope: { attachment: '=attachment' }, template:'', link: function(scope, element, attrs) { function showAttachment(attachment) { if (!attachment) { element.html('<div align="center">文件不存在。</div>'); }else if(!(attachment.mimeType == 'application/pdf')){ element.html('<div align="center"><h3>文件不是PDF格式文件,无法预览。</h3></div>'); }else if(attachment.mimeType == 'application/pdf'){ element.html('<embed width="850px" height="495px" src="' + app.contextPath + '/attachments/file/' + attachment.name + '" type="application/pdf"></embed>'); } } scope.$watch('attachment', function(nv, ov) { showAttachment(nv); }); showAttachment(scope.attachment); } }; });
2.js代码
$scope.view = function(id){ jddoclstRes.findAttach({'attId':id},{},function(r){ $scope.attachment = r; }); $scope.viewDlg.visible = true; }
3.指令使用
<embed-pdf attachment="attachment"/>
4.命名规则
<embed-pdf/>~~对应'embedPdf'
相关文章推荐
- Angularjs 跨域请求
- 一款免费且安全的在线 PDF 转换软件
- PDF里的文字显示模糊的解决方法
- PDF编辑工具 Foxit PDF Editor 1.5 Build 2911 下载
- 没有文件大小限制并免费的PDF到HTML转换工具
- MicroAdobe PDF Editor 6.2 英文正式版附破解补丁 下载
- C#使用iTextSharp设置PDF所有页面背景图功能实例
- C#怎么给PDF添加背景图片
- PDF的VBS小程序代码
- C#实现PDF文件添加图片背景
- C#实现TIF图像转PDF文件的方法
- c#实现将pdf转文本的示例分享
- C#代码实现PDF文档操作类
- C#使用iTextSharp封装的PDF文件操作类实例
- AngularJS基础教程之简单介绍
- C#编程读取文档Doc、Docx及Pdf内容的方法
- AngularJS中处理多个promise的方式
- Java开源工具iText生成PDF简单实例
- C#使用itextsharp生成PDF文件的实现代码
- AngularJS入门(用ng-repeat指令实现循环输出