角2 RC 2モバイルジェスチャー（スワイプ、ピンチ、回転）を使用

Question

誰でも、角2 RC2でモバイルジェスチャーを使用する方法を教えてください。 APIから

<div (swipeLeft)="OnSwipeLeft()"></div> 

が

@angular/platform-browser 

しかし、それを使用する方法がわからない下

HAMMER_GESTURE_CONFIG 
HammerGestureConfig 

を見ることができます：何かのように

であってもよいです。

一部の投稿では、Hammer.jsを含めるよう提案しているユーザーもいます。しかし、私はそれが既にapiであれば、簡単な方法でインクルードして使用できるはずだと信じています。

Answer 1

[OK]を私は解決策を発見し、それは角2 RC 2で動作します：

packages.jsonファイル

"hammerjs" にhammerjsを追加します。

がhammerjsを含め、 "2.0.8"テンプレートで次に

<script src="/node_modules/hammerjs/hammer.min.js"></script> 

：

<div (swipeleft)="onSwipeleft($event)" (swiperight)="onSwiperight($event)"> 

またはテンプレート内でこのようなものになることがあります。

<div (swipe)="onSwipe($event)">Swipe (direction = {{swipeDirection}})</div> 
<div (pinch)="onPinch($event)">pinch (scale = {{pinchScale}})</div> 
<div (rotate)="onRotate($event)">Rotate (angle = {{rotateAngle}})</div> 

とあなたのコンポーネントで：

class GesturesCmp { 

    swipeDirection: string = '-'; 
    pinchScale: number = 1; 
    rotateAngle: number = 0; 

    onSwipe(event: any): void { 
     this.swipeDirection = event.deltaX > 0 ? 'right' : 'left'; 
    } 

    onPinch(event: any): void { 
     this.pinchScale = event.scale; 
    } 

    onRotate(event: any): void { 
     this.rotateAngle = event.rotation; 
    } 
}