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

Switching between views on same controller

本文关键字：视图 之间 控制器      更新时间：2024-05-17

我有一个写着"GENERATE"的页面，上面有一个表单。然后你按下GENERATE按钮提交表单，我希望它在等待服务器返回结果时将你带到一个名为"LOADING"的新视图，然后当响应成功返回时，我希望他将你带至一个"SHARE"页面，允许你共享返回的内容。该流程全部在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: '/'
  });

})；

我该如何进行这种视图切换行为，或者最推荐的方法是什么？如果响应是一个错误，我也想回到创建页面，例如，所以我需要这种控制。

谢谢！

考虑使用ui路由器：

AngularUI团队的嵌套路由UI路由器！

样品：http://angular-ui.github.io/ui-router/sample/

相关文章：