Image viewer for Ionic 2+

Ionic 2+ component providing a Twitter inspired experience to visualize pictures.

GitHub：https://github.com/Riron/ionic-img-viewer

初始化项目

ionic start myApp blank

安装使用

npm install --save ionic-img-viewer

For Ionic 2 RC.0 and later:

import { IonicImageViewerModule } from 'ionic-img-viewer';

@NgModule({
  imports: [
    IonicImageViewerModule
  ]
})
export class AppModule {}

home.html：

  
    Image Viewer
  



  
Great and flexible image viewer for Ionic 2+
    

      
轻触图片可全屏查看
      
手势上下滑动可关闭全屏查看
      
点击导航箭头可关闭视图
      
双击可放大
    
      
    
Code Trigger
    
    
    
Images in a list
    
      
        
          
        
        
item {{ item }}
      
    

home.ts：

import {
  Component
} from '@angular/core';
import {
  NavController
} from 'ionic-angular';
import {
  ImageViewerController
} from "ionic-img-viewer";

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  items = [1, 2, 3];
  constructor(public navCtrl: NavController, public imageViewerCtrl: ImageViewerController) {}

  onClick(imageToView) {
    const viewer = this.imageViewerCtrl.create(imageToView)
    viewer.present();
  }

}