如何在Angular 7中使用不同的参数在相同的URL上重新加载页面？

Question

我在我的项目中将laravel与laravel一起使用。在我的表单上，我有一个下一步按钮来输入动态的下一个ID。  之前我使用

window.location.href = 'http://localhost:4900/#/my_url/'+id;
window.location.reload(true); 

对于具有相同ID的相同网址上NEXT按钮上的重新加载页面。但是window.location.reload需要太多时间来重新加载页面。然后我才知道reroutestrategy的角度。

所以，现在我正在使用以下代码在具有不同参数的相同url上重新加载页面。

this.router.navigate(['/my_url/'+id])
        .then(() => {
          this.router.routeReuseStrategy.shouldReuseRoute = function() {
            return false; };
        });

我在上面的代码中遇到了一个问题。第一次，当我喜欢下一个按钮时，我的网址只获得了具有不同参数的更改。但是表格中的数据仍然与最后一个ID相同。

例如：如果我的ID = 1，然后单击“下一步”按钮，它将把我的网址更改为 ID = 2，但表格仍然显示ID = 1的数据。在那之后，当我第二次单击NEXT按钮时，它按我的预期工作正常。也会通过重新加载页面更改网址和表单数据。 我不明白为什么这在第一次初始加载时不起作用，然后在每次单击事件中都能很好地起作用。