nativescript gridlayout swipe

1<GridLayout (swipe)="onSwipe($event)" class="bg-primary p-15 m-15" width="200" height="200"></GridLayout>
2

1import { Component } from "@angular/core";
2import { SwipeGestureEventData } from "tns-core-modules/ui/gestures";
3
4@Component({
5    moduleId: module.id,
6    templateUrl: "./swipe.component.html"
7})
8export class SwipeExampleComponent {
9    public direction: number;
10
11    onSwipe(args: SwipeGestureEventData) {
12        console.log("Swipe!");
13        console.log("Object that triggered the event: " + args.object);
14        console.log("View that triggered the event: " + args.view);
15        console.log("Event name: " + args.eventName);
16        console.log("Swipe Direction: " + args.direction);
17    }
18}
19