原本的写法：

window.addEventListener("deviceorientation", this.watch);
window.removeEventListener("deviceorientation", this.watch);

这样在this.watch中无法调用正确的this对象

通过this.watch.bind(this);传递了this后，removeEventListener又失效了。

后查得，可以使用Renderer2提供的listen方法：

import { Renderer2 } from '@angular/core';

  constructor(
    private renderer: Renderer2,
  ) {}

  start() {
    this.listenFunc = this.renderer.listen("window", "deviceorientation", (e) => {
      console.log(e.alpha, e.beta, e.gamma);
    });
  }

  stop() {
    this.listenFunc();
  }

调用返回函数listenFunc，即可取消监听。

一开始使用原生代码获取，经同事提示，可以使用w3c标准接口获取，更简单。

使用W3C标准的设备方向获取代码：

参考代码：

  watch(event) {
    console.log(event.alpha, event.beta, event.gamma);
  }

  start() {
    window.addEventListener("deviceorientation", this.watch);
  }

  stop() {
    window.removeEventListener("deviceorientation", this.watch);
  }

参考网站：

https://www.w3.org/TR/2016/CR-orientation-event-20160818/

https://www.w3.org/TR/2017/NOTE-orientation-event-20170530/

PS：在最新版文档中提示，这个规范不再更新，可能有一定安全问题。

参考：https://segmentfault.com/a/1190000010364414

在ionic中使用pipe提示：

The pipe ‘layoutPipe’ could not be found

app.module.ts里已经import了

经过测试发现，app.module.ts里import无效，在要使用的组件components.module.ts中import才行

使用ionic ble插件遇到的问题，搜索附近ble设备，android上获取到的是mac地址，ios上获取到的是uuid，但这和我需求不符合了，暂时没找到ios获取ble设备mac地址的方法。

提示：

Error: Uncaught (in promise): removeView was not found

Error: Uncaught (in promise): inserted view was already destroyed

  showToast(code) {
    let toast = this.toastCtrl.create(this.mess[code]);
    toast.onDidDismiss(() => {
      console.log('Dismissed toast');
    });
    toast.present();
  }

还没找到原因。。。

在ionic文档中对于手势的描述只有一句话：
Gestures
Basic gestures can be accessed from HTML by binding to tap, press, pan, swipe, rotate, and pinch events.

几乎等于不写，实际测试swipe也用不了，ionic群里有人说swipe在ionic3中默认禁用了。
尝试使用pan获取拖动数据，但pan只能在x方向滑动才能触发。

另有关于手势的一些介绍：https://www.jianshu.com/p/08fd66a34af8

但基本没啥用。

于是决定研究hammerjs，ionic中实际使用的也是hammerjs
————————————————
2018.1.25
参考：https://www.jianshu.com/p/08fd66a34af8
pan就是横向滑动，所以只能横向滑动触发

改用pinch来缩放组件，但pinch也无法直接使用，查资料后了解其用法如下：

import { Gesture } from ‘ionic-angular’;


private gesture: Gesture;
@ViewChild('image') ElementRef ;

...

ionViewDidLoad() {
//create gesture obj w/ ref to DOM element
this.gesture = new Gesture(this. el.nativeElement);

//listen for the gesture
this.gesture.listen();

//turn on listening for pinch or rotate events
this.gesture.on('pinch', e => this.pinchEvent(e));
}

private pinchEvent(event) {
    console.log(event);
}

事件和参数设置可以参考hammer文档：http://hammerjs.github.io/recognizer-pan/

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

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方法就可以监听到向上和向下的滑动了。