Переключение между представлениями на одном контроллере

Question

У меня есть страница с надписью "GENERATE", и на ней есть форма. А затем вы отправляете форму, нажав кнопку "Создать", и я хочу, чтобы она переместила вас в новое представление под названием "ЗАГРУЗКА", в то время как оно ожидает возвращения результата с сервера, а затем, когда ответ возвращается, я хочу чтобы перейти на страницу "ПОДЕЛИТЬСЯ", которая позволяет вам делиться тем, что вы получаете. Этот поток все на 1 контроллере / маршруте:

http://mydomain.com/create

На данный момент мои маршруты выглядят так:

.config(function ($routeProvider) {
$routeProvider
  .when('/', {
    templateUrl: 'views/main.html',
    controller: 'MainCtrl'
  })
  .when('/create', {
    templateUrl: 'views/create.html',
    controller: 'CreateCtrl'
  })
  .otherwise({
    redirectTo: '/'
  });

});

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

Спасибо!

Answer 1

Рассмотрите возможность использования ui-router:

UI-Router для вложенной маршрутизации от команды AngularUI!

Образец: http://angular-ui.github.io/ui-router/sample/