在同一控制器上切换视图

时间:2013-12-09 05:18:22

标签: javascript angularjs angularjs-routing angularjs-view

我有一个页面上写着“GENERATE”,它上面有一个表格。然后按下Generate按钮提交表单,我希望它在你等待结果从服务器返回时带你到一个名为“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: '/'
  });

});

如何进行此视图切换行为,或者最推荐的方法是什么?如果响应是错误的,我也想回到创建页面,所以我需要那种控制。

谢谢!

1 个答案:

答案 0 :(得分:1)

考虑使用ui-router

Angular UI Team的嵌套路由UI路由器!

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