Как построить URL страницы пароля сброса пароля в угловых

Question

Я создал страницу, чтобы пользователи могли сбросить свой пароль, если они его забудут.Пользователи получат электронное письмо, которое будет содержать ссылку на страницу сброса пароля и маркер сброса.

URL страницы пароля должен выглядеть следующим образом:

http://localhost:4200/#/resetpassword?code=CfDJ8LBxIxG2Gf5IjZZG9p+g7oDJxTqYPL7OnGSOIblOksnbNniISOo/jKuZ8RkPriLpsCle5VNwVII5O+r9KPmos1WcwmKCB5mMbYeO/tVKxUiqymsEDFjvWEt0X+KfIQlPbe8fvTMtAaB07IG01vwT2UWn+CjEAYwcZgV6eKhPEP21U9lxLxeG8bE6SXMwninNvWI1lf6jm3Ia1MIDikqL9EC033AMIGlnjvEonbxV+Jb

Здесьэто мой маршрут в модуле маршрутизатора и страница сброса пароля ngOnInit () код:

const routes: Routes = [
  {path: 'resetpassword?code=/:code', component: ResetpasswordComponent}
];

  ngOnInit() {
    debugger;
    const param = this.route.snapshot.paramMap.get('code');
    if(param) {
      this.Code = param;
    }
  }

Я хочу знать:

1. Как я могу установить этот маршрут в своем определении маршрута?
2. Как я буду читать значение кода после code = в ngOnInit страницы сброса пароля?

Любой, кто может подсказать мне, как я могу построить такой маршрут и прочитать параметрызначение?

Answer 1

путь должен быть:

{path: 'resetpassword', component: ResetpasswordComponent}

навигация:

<a
    routerLink="/resetpassword"
    [queryParams]="{code: 'CfDJ8LBxIxG2Gf5IjZZG9p+g7oDJxTqYPL7OnGSOIblOksnbNniISOo/jKuZ8RkPriLpsCle5VNwVII5O+r9KPmos1WcwmKCB5mMbYeO/tVKxUiqymsEDFjvWEt0X+KfIQlPbe8fvTMtAaB07IG01vwT2UWn+CjEAYwcZgV6eKhPEP21U9lxLxeG8bE6SXMwninNvWI1lf6jm3Ia1MIDikqL9EC033AMIGlnjvEonbxV+Jb'}"
  >
  </a>

в компоненте resetPassword:

constructor(private activeRoute: ActivatedRoute) {
    activeRoute.queryParams
      .subscribe((params) => 
        {
          console.log(params)
    });
  }

проверка ДЕМО .