Angular ui-router...显示默认选项卡

我抵达bookDetails状态形成一些其他链接。这里bookDetails州的模板有不同的链接tabs（或模板）。及相关控制器EditBookController有一个 json 文件，我使用它以不同的方式构建表单tabs与像这样的国家bookDetails.basic and bookDetails.publisher其中使用父级EditBookController。运行良好。如何直接显示默认值bookDetails.basic而不是让用户点击链接？如果我做bookDetailsAbstract(abbstract:true) 并提供一个空链接bookDetails.basic我收到以下错误Cannot transition to abstract state 'bookDetails'

    $urlRouterProvider.otherwise('/home');

    $stateProvider
    .state('home', {              
              url:'/home',
              controller: 'HomeController',
              templateUrl: '/static/publisher/views/Publisher_Home_Template.html'
          })
    .state('books', {
              url:'/books',
              controller: 'BooksController',
              templateUrl: '/static/publisher/views/Book_Listing_Template.html'
          })          
    .state('bookDetails', {
              url : '/books/:b_id',                

              controller: 'EditBookController',                  
              templateUrl: '/static/publisher/views/Product_Page_Template.html'
          }) 

    .state('bookDetails.basic', {
              url : '/basic',                  
              templateUrl: '/static/publisher/views/tab1.html'
          }) 

    .state('bookDetails.publisher', {
              url : '/publisher',                  
              templateUrl: '/static/publisher/views/tab2.html'
          })       

一个有类似问题的笨蛋。但代码不同单击表单后，它应该出现在个人资料表单上。

我创建工作示例在这里

还有类似的问题：在 AngularJS 中使用 UI-Router 将状态重定向到默认子状态

解决方案来自一个很酷的“评论”与使用重定向的问题相关.when() (https://stackoverflow.com/a/27131114/1679310) and 非常酷的解决方案（作者：Chris T，但原帖作者：yahyaKacem）

https://github.com/angular-ui/ui-router/issues/1584#issuecomment-75137373

在状态定义中，我仅添加了一项设置bookDetails状态，：redirectTo: 'bookDetails.basic',。我们来看一下：

$urlRouterProvider.otherwise('/home');

$stateProvider
.state('home', {              
          url:'/home',
          controller: 'HomeController',
          templateUrl: '/static/publisher/views/Publisher_Home_Template.html'
      })
.state('books', {
          url:'/books',
          controller: 'BooksController',
          templateUrl: '/static/publisher/views/Book_Listing_Template.html'
      })          
.state('bookDetails', {
          // NEW LINE
          redirectTo: 'bookDetails.basic',
          url : '/books/:b_id',
          controller: 'EditBookController',                  
          templateUrl: 'static/publisher/views/Product_Page_Template.html'
      }) 

.state('bookDetails.basic', {
          url : '/basic',                  
          templateUrl: '/static/publisher/views/tab1.html'
      }) 

.state('bookDetails.publisher', {
          url : '/publisher',                  
          templateUrl: '/static/publisher/views/tab2.html'
      })  

现在 - 只需这几行就能创造奇迹：

app.run(['$rootScope', '$state', 
 function($rootScope, $state) {

  $rootScope.$on('$stateChangeStart',
    function(evt, to, params) {
      if (to.redirectTo) {
        evt.preventDefault();
        $state.go(to.redirectTo, params)
      }
    }
  );
}]);

这样我们就可以使用默认重定向来调整任何状态...检查一下here