Can not read elemet on double tap

I have followed this issue for double tap Ionic - Double Tap? and tried to implement the same but getting error of undefined element, any idea what’s wrong. or any suggestion on implementing double-tap is appreciated

HTML code

<div *ngFor="let patner of member" style="display: inline-block;" padding-horizontal text-center class="images">
                    <img src="{{patner.photo_link}}" alt="" (dblclick)="user(patner.userId)" style="display: block;" #doubleEle> {{ patner.firstName}}
                </div>

ts file code

@ViewChild('doubleEle') doubleEle:ElementRef;
  private pressGesture:Gesture;
public ngAfterViewInit():void{
    console.log(this.doubleEle);
    this.pressGesture = new Gesture(this.doubleEle.nativeElement);
    this.pressGesture.listen();
    this.pressGesture.on('doubletap',(e:Event)=>{
      console.log(e);
    });
  };

error

Error: Uncaught (in promise): TypeError: Cannot read property 'nativeElement' of undefined
TypeError: Cannot read property 'nativeElement' of undefined at MyFamilyPage.webpackJsonp.115.MyFamilyPage.ngOnInit (my-family.ts:46)