Добрый день. Есть роут с параметром: home/user/:id. Как программно менять

Question

Добрый день. Есть роут с параметром: home/user/:id. Как программно менять

параметр?
Сделал так:
const arr = this.router.url.split('/');
arr.pop();
const url = arr.join('/');
this.router.navigateByUrl(url + '/21').then();
Есть ли способ проще? Спасибо

#angular #frontend #javascript #programming #russian

0

21.12.2020

18 ответов

9 просмотров

Даниил Зеликов

Aleksey
gotoHeroes(hero: Hero) { const heroId = hero ? h...

а такое прокатит, если параметр в середине? home/user/:id/other-page

0

21.12.2020

A S Автор вопроса

Aleksey
gotoHeroes(hero: Hero) { const heroId = hero ? h...

Сделал так: this.router.navigate(['home/user', { id: 21 }]); Получаю путь home/user;id=21. Но путь должен быть home/user/21 - или я что-то пропустил?

0

21.12.2020

Aleksey

A S
Сделал так: this.router.navigate(['home/user', { i...

Штука конечно странная, с чего бы это ни с того ни с сего решило накинуть ';' лишнее

0

21.12.2020

A S Автор вопроса

Aleksey
Штука конечно странная, с чего бы это ни с того ни...

Там и в примере так написано «localhost:4200/heroes;id=15;foo=foo»

0

21.12.2020

Aleksey

A S
Там и в примере так написано «localhost:4200/heroe...

Не вижу такого

0

21.12.2020

A S Автор вопроса

Aleksey
Не вижу такого

0

21.12.2020

Aleksey

A S
Там и в примере так написано «localhost:4200/heroe...

пробуй без объекта this.router.navigate(['home/user', 21]);

0

21.12.2020

A S Автор вопроса

Aleksey
пробуй без объекта this.router.navigate(['home/use...

Да. Так работает. Какая тогда разница с navigateByUrl?

0

21.12.2020

Aleksey

A S
Да. Так работает. Какая тогда разница с navigateBy...

Тебе не надо делать странные манипуляции с url?

0

21.12.2020

A S Автор вопроса

Aleksey
пробуй без объекта this.router.navigate(['home/use...

Если роут измениться нужно будет по компонентам тоже вносить изменения. Правильно?

0

21.12.2020

A S Автор вопроса

Aleksey
Тебе не надо делать странные манипуляции с url?

Почему странные this.router.navigateByUrl(‘home/user’ + '/21')

0

21.12.2020

Aleksey

A S
Почему странные this.router.navigateByUrl(‘home/us...

потому что поменяй ты позицию :id и нужно переписать

0

21.12.2020

A S Автор вопроса

Aleksey
потому что поменяй ты позицию :id и нужно переписа...

Здесь тоже можно через переменную напр. this.router.navigateByUrl(‘home/user/’ + idValue)

0

21.12.2020

Aleksey

A S
Здесь тоже можно через переменную напр. this.route...

> потому что поменяй ты позицию :id и нужно переписать

0

21.12.2020

A S Автор вопроса

Aleksey
> потому что поменяй ты позицию :id и нужно перепи...

Спасибо! Все - понял!

0

21.12.2020

xxtux Shvets

A S
Почему странные this.router.navigateByUrl(‘home/us...

лучше используйте navigate и массив из строк

0

21.12.2020

A S Автор вопроса

xxtux Shvets
лучше используйте navigate и массив из строк

ок. Спасибо!

0

21.12.2020

Aleksey · Accepted Answer

Aleksey

gotoHeroes(hero: Hero) { const heroId = hero ? hero.id : null; // Pass along the hero id if available // so that the HeroList component can select that hero. // Include a junk 'foo' property for fun. this.router.navigate(['/heroes', { id: heroId, foo: 'foo' }]); }

0

21.12.2020

169 похожих чатов

Добрый день. Есть роут с параметром: home/user/:id. Как программно менять

18 ответов

Похожие вопросы