如何在不重新加载Angular 7中的Router.navigate的情况下转到其他页面？

Question

我在组件模板中有一个按钮。单击时，使用以下代码调用组件方法：

saveAndGoToDetails()
{
     // TODO: Here will be saving
     this.router.navigate(['/details/1029']);
}

从具有此部分的组件中调用：

 <button mat-flat-button color="primary" (click)="saveAndGoToDetails()">Save and go to details</button>

它应该做的是导航到该路由，而无需重新加载整个应用程序。尽管如此，它会在转到URL时重新加载整个页面。

如何在不重新加载Angular 7中的页面的情况下从组件正确导航到其他路线？

Answer 1

解决方案是添加：

return false

在

中

saveAndGoToDetails()

处理函数。该问题是由“角度材料”表单的工作方式引起的。如果在其中放置了一个按钮。即使它不是“提交”按钮，Angular Material也会将其作为“提交”处理。

Answer 2

首次导入

PickupCode

然后， 添加私有路由：在构造函数中的ActivatedRoute为

-keepattributes Signature

-keepclassmembers class PickupCode.** {
    *;
}

然后您可以使用以下功能

import {ActivatedRoute} from '@angular/router';