Anguarjs: ui-router модальное окно, чтобы вернуться в предыдущее состояние, без повторного ввода его

Question

С угловыми и ui-router, сверху мое основное состояние. Я хотел бы открыть окно мода, которое будет покрывать его. Модального окна должно:

1. крышку основные государственного без изменения его
2. при закрытии модального окна, оно должно раскрыть основное состояние без повторного ввода его (например, не изменить положение прокрутки, форма входные значения и т. д.).

Как это можно сделать?

Answer 1

Во-первых, я предполагаю, что вы используете Angular modal library, такую ​​как http://mgcrea.github.io/angular-strap/#/modals#modals, или аналогичный?

Что касается UI-Router, это зависит от ваших точных требований, но обычно вам не нужно создавать отдельный пользовательский интерфейс для вашего всплывающего окна. Если на самом деле вы обнаружите, что это так, то, возможно, подумайте об использовании метода определения состояния пользовательского интерфейса onEnter, чтобы отобразить всплывающее окно или активировать его с контроллера состояния.

Затем, как только у вас будет ваше модальное окно, вы можете его стилизовать, чтобы он полностью закрывал область просмотра. Что-то вроде следующего CSS может выполнить свое первое требование:

.modal { 
    position: absolute; 
    top: 0; 
    left: 0; 
    right:0; 
    bottom: 0; 
} 

По определению, модальный не будет влиять на то, что за ним - все государство должно оставаться прежним - так до тех пор, как ваша модальный реализация звука (использовать хорошая библиотека!), тогда ваше второе требование должно выполняться автоматически.