##HTML 实现图片点击放大
-
在angular里面使用
-
@ViewChild(‘orgAuth’) orgAuth: ElementRef;
-
在数据填充之后调用:
new Viewer(this.orgAuth.nativeElement, {
url: ‘dataoriginal’,
navbar: false,
toolbar: false
}); -
在html 里面实现
-
<div *ngIf="finalFile!='null'" #orgAuth> <label style="display: inline-block; ">XXX:</label> <img style="width: 200px;height: 200px;vertical-align: top;" src="{{finalFile}}" [attr.dataoriginal]="imgOriginalUrl(finalFile)"> </div>
4. js 里面调用:
imgOriginalUrl(e) {
if (e && e.indexOf('?') -1) {
return e.src.split('?')[0] || e.src;
}
}
- 引入
<link rel="stylesheet" href="css/viewer.min.css"> <script src="js/viewer.min.js"></script>