如何在同一组件上刷新路由更改时组件

Question

我正在做一个角度 4 项目，但陷入了以下情况：

我有一个两步预订表格，用于预约。我有两个不同的行业，比如说行业 A 和行业 B，现在当我进行预订时，让我们说行业 A 并转到步骤 2，假设我单击其他行业 B(可通过侧边菜单访问(我仍然停留在步骤 2，我希望页面重新加载到步骤 1， 所以简而言之，我想访问具有不同路由的同一组件。

在技术语言中，Am在一个组件上，我想在路由更改时刷新同一组件。如果有人知道，请告诉我。提前感谢！

Answer 1

试试这个，也许它可以解决你的问题

import { ActivatedRoute } from  '@angular/router';
export class xyz {
   constructor (private activatedRoute: ActivatedRoute) {
   }
   ngOnInit() {
       // calls form when route parms change,
       // the method calls when your route params will change
       this.activatedRoute.params.subscribe (res => {
          this.validateForm();
       }    
   }
   // build form
   validateForm () {
   }
}

Answer 2

你好，这是一个设计问题：只需创建一个带有每个公司状态的 Map 对象，如下所示：formProgress[company][step]，然后检查路由更改的值。然后在您的 HTML 中创建一个表单和所有步骤作为单独的组件，以便您可以在每个 HTML 标签上使用类似 <div *ngIf="step===2">

对于路由更改检测，只需将 window.href.location 或变量中的先前路由与 activeRoute 参数进行比较(此步骤需要您了解有关路由的更多信息(