单击Angular 7时如何弹出图像

时间:2018-12-31 17:05:13

标签: angular7

我尝试了这个图书馆。 角度模态画廊doc

问题是当弹出图像时,它以小尺寸显示,并且初始尺寸也太小。我想以大尺寸显示图像。类似于本网站的示例 https://www.jqueryscript.net/demo/Gallery-Popup-jQuery-Fs-Gal/

请告诉我执行此操作的任何方法。

这是我在 angular-modal-gallery 库中使用的代码。

html代码

<ks-modal-gallery  *ngIf="stuf.itemType == 0" [id]="1" [modalImages]="getImage(stuf.itemId)"></ks-modal-gallery>

打字稿代码

import { Image } from 'angular-modal-gallery';
images: Image[];
ingleImage: Image[];
getImage(url: string) {
     this.images = [
      new Image(
        0,
        { // modal
          img: this.baseUrl + 'Upload/Photos/' + url + '.jpg',
          extUrl: 'http://www.google.com'
        }
      )];

    return  this.singleImage = [this.images[0]];
}

0 个答案:

没有答案