Угловая маршрутизация соответствует URL-адресу конкретного параметра

Question

Я работаю над реализацией углового приложения внутри панели администратора WordPress.

В настоящее время я пытаюсь реализовать маршруты, и я хотел бы знать, есть ли способ сопоставить маршруты с определенным параметром.Например, базовый URL моего плагина в WordPress:

http://localhost/wp/wp-admin/admin.php?page=angular_plugin

Это соответствует корневому пути угловой маршрутизации.Однако, если я хочу реализовать больше страниц, я не могу использовать другой путь, так как WordPress не распознает его и выдаст ошибку.Поэтому, чтобы WordPress не возился с моими маршрутами, я должен использовать базовый URL плагина и поиграть с параметрами, чтобы указать, какой маршрут я пытаюсь загрузить.

Например, чтобы загрузить маршрут панели мониторинга, он будетдолжно быть что-то вроде:

http://localhost/wp/wp-admin/admin.php?page=angular_plugin&route=dashboard

Есть ли способ объявить такие маршруты в Angular?

Answer 1

Вы можете попробовать стратегию определения местоположения хеша.Тогда URL будет выглядеть примерно так: http://localhost/wp/wp-admin/admin.php?page=angular_plugin/#/dashboard, так что WordPress не будет беспокоить, потому что это просто вещь, которую нужно обрабатывать в javascript.

Стратегия расположения Angular по умолчанию - PathLocationStrategy, поэтому вам нужно включитьHashLocationStrategy, что тривиально сделать, просто убедитесь, что для useHash установлено значение true в файле ts модуля маршрутизации, как показано ниже

@NgModule({
  imports: [ RouterModule.forRoot(routes, {useHash: true }) ],
  exports: [ RouterModule ]
})