Angular 6 - отображать переменную в URL

Question

Я пытаюсь решить проблему здесь.

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

Если variable, например, testЯ хочу, чтобы URL отображался как localhost:xxxx/test, а если variable изменяется на something, URL должен быть localhost:xxxx/something.Я прочитал документацию по Angular, но мне не удалось найти связанный раздел, он всегда сводился к разбору данных с URL-адреса, а не к вводу данных в него.

Может ли кто-нибудь указать мне правильное направление?

Answer 1

Вы можете добавить динамический параметр в определение вашего маршрута, например:

{ path: 'xxxx/:myVar', component: MyComponent }

и затем вы используете маршрутизатор для навигации по вашему компоненту:

this.router.navigate(['/xxxx', 'test'])

или вы используете ссылки в шаблоне

<a href="" [routerLink]="['/xxxx', 'something']"