Как перенаправить на угловую страницу 6, когда пользователь нажимает на активацию учетной записи в электронной почте

Question

Как перенаправить на угловую страницу 6, когда пользователь нажимает на активацию учетной записи в электронном письме.

Мой процесс:
1. Учетная запись пользователя.
2. Пользователь получает активационную учетную записьссылка из письма.Пример ссылки: http://localhost/editProfile/{userId} / token / {token}.Это должен быть мой API, который получает токен JWT из бэкэнда.
3. Пользователь нажимает на ссылку, и пользователь перенаправляет на страницу редактирования профиля.

Моя проблема в том, что я не понимаю, используя угловой6, когда пользователь перенаправляет на страницу редактирования профиля, как я могу получить токен и идентификатор из URL, когда пользователь нажимает URL.

Answer 1

Вы можете добиться этого с помощью чего-то подобного ниже (это не проверяется, извините, если я сделал какие-либо опечатки / ошибки, дайте мне знать.).Простая обработка параметров маршрута.

В определениях вашего маршрута:

export const routes: Routes = [
  { path: '/editProfile/:userId/token/:token', component: MyComponent }
]

В вашем компоненте маршрута:

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

export class EditProfileComponent implements OnInit, OnDestroy {
  userId: string;
  token: string;

  private subscription: Subscription ;

  constructor(private route: ActivatedRoute) { }

  ngOnInit() {
    this.subscription = this.route.params.subscribe(params => {
      this.userId = params['userId'];
      this.token = params['token'];
    });
  }

  ngOnDestroy() {
    this.subscription.unsubscribe();
  }
}

См. https://angular -2-training-book.rangle.io/v/v2.3/handout/routing/routeparams.html для получения дополнительной информации о параметрах маршрута.