Маршрутизация с угловым ui router - Функция закладки

Question

У меня есть контроллер и view.View содержит три выпадающего списка и таблицу. Все выпадающие значения являются динамическими, после выбора dropdown1 на основе выбранного значения. REST-вызов выполняется для извлечения значений dropdown2, контроллер содержит вызовы для извлечения необходимых данных.

После того, как были выбраны все выпадающие меню. При нажатии на поиск в таблице будут заполнены значения.URL следует изменить, а таблица должна быть заполнена значениями.

Когда пользователь закладок использует URL-адрес и в следующий раз при открытии URL-адреса все выпадающие и таблицы должны заполняться автоматически.

URL - http://localhost:8080/sample/#/home?dropdown1=abc&dropdown2=xyz&dropdown2=value

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

Answer 1

Добавить параметры вашего состояния

$stateProvider 
    .state('app.home', { 
     url: '/home?dropdown1&dropdown2&dropdown3' 
     // ... 
    }); 

и для initing модели, в проверке контроллера $stateParams, как:

$scope.dropdown1 = $stateParams.dropdown1 || null; 
$scope.dropdown2 = $stateParams.dropdown2 || null; 
$scope.dropdown3 = $stateParams.dropdown3 || null;