javascript - 在同一控制器上的视图之间切换

Question

我有一个页面，上面写着“生成”，上面有一个表格。然后您通过按“生成”按钮提交表单，我希望它在等待结果从服务器返回时将您带到一个名为“LOADING”的新视图，然后当响应成功返回时我想要它将您带到“分享”页面，让您分享您返回的内容。此流程全部在 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：

AngularUI 团队用于嵌套路由的 UI-Router！

示例：http ://angular-ui.github.io/ui-router/sample/