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

我有一个页面写着“生成”，上面有一个表单。然后你通过按生成按钮提交表单，我希望它在等待结果从服务器返回时将你带到一个名为“加载”的新视图，然后当响应成功返回时，我希望它将你带到一个“共享”页面，允许你共享你得到的内容。此流程全部在1个控制器/路线上：

目前我的路线是这样的：

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

}))

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

谢谢大家!

考虑使用：

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

---

示例：

加载时不需要新视图……只要在启动请求时切换加载覆盖即可

ng show=“isLoading”

我仍然需要共享页面的新视图，因此问题仍然适用。另外，我不确定我是否喜欢这种方式，因为这样我就需要隐藏其他元素。似乎它可能会变得非常混乱。覆盖可以覆盖任何你想要的…然后如果错误，是正确的，你开始的地方，这是你的标准的一部分。。。对成功做出改变