[聚合文章] ionic生效swipe事件

JavaScript 2018-01-23 20 阅读

群里的朋友提供的方法,还没验证过

npm install hammerjs –save && npm install @types/hammerjs –save-dev

创建MyHammerConfig.ts

import { HttpClient } from ‘@angular/common/ http’; //空格去掉

import { Injectable } from ‘@angular/core’;

import { HammerGestureConfig, HAMMER_GESTURE_CONFIG } from ‘@angular/platform-browser’;

import * as Hammer from ‘hammerjs’;

@Injectable()

export class MyhammerconfigProvider extends HammerGestureConfig {

overrides =

{

‘swipe’: { direction: Hammer.DIRECTION_ALL } }

}

在你的app.module文件引入该文件,并在providers里加入以下代码

import { MyhammerconfigProvider } from ‘../providers/myhammerconfig/myhammerconfig’;

import { HAMMER_GESTURE_CONFIG } from ‘@angular/platform-browser’;

//上下滑动

{ provide: HAMMER_GESTURE_CONFIG, useClass: MyhammerconfigProvider }

html可以通过swipeEvent方法就可以监听到向上和向下的滑动了。

注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。