Передача параметров адресной строки в Angular 🌐

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

Представим, что у нас уже есть параметры и при переходе нам нужно сохранить какие-то из них, дополнить или вообще игнорировать новые и оставить предыдущие

В Angular при навигации мы можем указать стратегию установки queryParams
router.navigate(
['/route'],
{
queryParams: { page: 2 },
queryParamsHandling: 'preserve'
}
);

Свойство queryParamsHandling принимает 3 значения:

'' – все существующие параметры заменяются на новые (по умолчанию)
'preserve' – все переданные параметры игнорируются
'merge' – текущие параметры дополняются новыми (при коллизии имён переданные имеют приоритет)

Документация

#заметки #angular