title: Ionic 5 gesture doesn't work with Angular bindings
body: <p>I’ve got an Ionic page with a simple swipe gesture using the GestureController as described in the docs. On the swipe end event I increment a counter. There is a binding on the html of the page, which doesn’t get updated. Console.log() shows the updated counter, though.</p>
  
  <p>Is there a known issue about that or am I doing something wrong?</p>
  
  <p>Page Template</p>
  
  <pre><code>&lt;ion-content #contentElement&gt;
      {{ counter }}
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>Typescript</p>
  
  <pre><code>export class TestPage {
  
    counter = 0;
  
    swipeGesture: Gesture;
    @ViewChild('contentElement', { static: true, read: ElementRef }) contentElement: ElementRef;
  
    constructor(private gestureController: GestureController) { }
  
    ionViewDidEnter() {
      this.swipeGesture = this.gestureController.create({
        el: this.contentElement.nativeElement,
        gestureName: 'swipe',
        onEnd: () =&gt; this.onSwipeEnd(),
      });
      this.swipeGesture.enable();
    }
  
    private onSwipeEnd() {
      this.counter++;
      console.log(this.counter);
    }
  
  }
  </code></pre>