如何避免在轻按设备上的缩略图时快速打开多个页面

Question

我有一个带有电影菜单的离子应用程序。单击电影菜单时，导航到缩略图中的电影列表。在单击任何缩略图时，导航到其详细信息页面。但是在快速点击时，会打开多个与“点击”次数相等的电影详细信息页面。

我尝试添加一个标志和一个Promise。但似乎不起作用。

isTapped = false // by default

// Below code is executed
this.isTapped = true;
this.moviesFeedsService.getMovieDetails(asset.asset_id).subscribe
        ((msuMovieDetails) => {
          this.navCtrl.push(
            MediaDetailsPage,
            {
              headerDataTitle: this.headerData.title,
              movieDetails: msuMovieDetails,
              showEpisode: this.featureLayoutData.showEpisodes
            },
            navOptions
          ).then(() => {
            this.isTapped = false; // Reset flag
          });
        });

预期：点击多次后，打开的页面实例应该是单个

实际：快速打开页面的多个实例