Используйте путь, который пользователь вводит в URL на странице

Question

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

Например:

Пользователь входит в домен "myproject.example/5/cool"

, тогда веб-сайт должен выдать сообщение "Пользователь 5 soo cool!"

Есть ли способ прочитать, чтопользователь вводит в URL?

Заранее спасибо

Answer 1

Да, можно прочитать URL в адресной строке.Есть два способа сделать это: с ActivatedRoute и с Router.

ActivatedRoute

ActivatedRoute потребуется app-routing.module.ts с элементами, которые вы хотите отобразить в вашем компоненте:

{ path: ':customerId/:state', component: YourComponent }

И в вашем компоненте:

 constructor(private route: ActivatedRoute) {
      this.route.paramMap.subscribe(params => {
        this.customerId = params.get('customerId');
        this.state = params.get('state');
    });
  }

Вам нужно будет создать вывод только с customerId и state.

Router

Если вы не хотите использовать маршрутизацию (иливы не можете по какой-либо причине), вы также можете использовать Router, чтобы прочитать URL.Вам просто нужно разобрать его:

 constructor(private router: Router) {
      this.href = this.router.url;
 }