Как сделать роутинг на asp.net webforms + angularjs переход с одной страницы на другую с параметром?

Question

[Ness]

Есть задача: нужно со страницы организаций с таблицей по клику на кнопку переходить на страницу с таблицей юзеров и данная таблица юзеров должна быть отфильтрована по организации, айди которой мы передали в роутпарамс. Можно ли это как-то сделать на angularjs + asp.net web forms?

Ссылка должна выглядеть так: localhost/users?org=123

Answer 1

[Джанго Всемогущий]

Используйте полноценно веб апи и полноценно ангуляр js либо просто ангуляр. Не пытайтесь выполнить скрещивание веб-форм с ангуляром. Ангуляр элегантно выполняет различные роутинги и пробросы самостоятельно.

ActivatedRoute содержит дерево состояний маршрутизатора в памяти углового приложения.

constructor(private activatedRouter:ActivatedRoute) { }

ngOnInit(): void {
console.log(this.activatedRouter.snapshot.params['id']);
}

Данный код отобразит в консоле параметр 'id', который мы передали.

Да, кстати, передаём параметры следующим образом:

[routerLink]="['/post', post.id]"

Comments

[Ness]

Я использую то, что уже испорльзуется на проекте, моя бы воля, я с удовольствием переписал бы на нормальное, но ничего менять нельзя, с этого и выплывает вопрос

[Джанго Всемогущий]

Веб-форма имеет входящие параметры вида (org?=123) ?

[Ness]

Джанго Всемогущий, параметы я передаю через эту кнопку, по нажатию туда идёт айдишник организации

[Джанго Всемогущий]

После нажатия происходит смена роутинга с нужным параметром?

[Ness]

Джанго Всемогущий, если делают так: $window.location.href = url; то да, но роутпарам не передается почему-то

[Джанго Всемогущий]

После нажатия на кнопку router.navigate() срабатывает?

[Ness]

Джанго Всемогущий, вряд ли это есть в angularjs

[Джанго Всемогущий]

Определенно есть

[Джанго Всемогущий]

https://docs.angularjs.org/guide/component-router

[Ness]

Джанго Всемогущий, а, ну да, с тем кодом переходит на страницу и параметр в url есть.

Если пробую вот так: var url = $location.path('/UsersManagement.aspx').search({org: orgId}); то не переходит, а к текущему урлу localhost/OrganizationsManagement.aspx#!/UsersManagement.aspx?org=21717, добавляет так

[Ness]

Это на UsersManagement странице