$stateprovider 中的父亲内的默认孩子与打字稿

Question

我有一个 html 页面父亲：

<div id="..." class="container">
   <pp-nav></pp-nav>
   <div ui-view></div>
</div>

这是我的控制器，有一个父亲和两个孩子：

export function routerConfig($stateProvider: angular.ui.IStateProvider, $urlRouterProvider: angular.ui.IUrlRouterProvider) {
$stateProvider
.state('gestionePeP', {
  url: '/gestionePeP',
  templateUrl: '.../gestionePeP/gestionePeP.html'
})
.state('gestionePeP.puntiAttivazione', {
  url: '/puntiAttivazione',
  templateUrl: '.../gestionePeP/puntiAttivazione.html'
})
.state('gestionePeP.gestioneContenuti', {
  url: '/gestioneContenuti',
  templateUrl: '.../gestionePeP/gestioneContenuti.html'
});

我希望当我转到父页面时，stateprovider 打开父 html 页面，其中包含第一个子页面。 我该怎么做？

如果我用

将链接放在父亲的按钮内

ui-sref="gestionePeP.puntiAttivazione" 

它会打开正确的页面。但我想要没有任何点击的相同行为。 我试过 $state.go('gestionePeP.puntiAttivazione') 但它进入了循环。 我该如何解决？

Answer 1

我发现最好的方法还是在这里：

Redirect a state to default substate with UI-Router in AngularJS

只需将这些行添加到一些 .run()

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

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

并使用默认redirectTo扩展状态def：

.state('gestionePeP', {
  url: '/gestionePeP',
  templateUrl: '.../gestionePeP/gestionePeP.html',
  // this will set redirect target
  redirectTo: 'gestionePeP.puntiAttivazione',
})

检查that link 以确保工作人员

EXTEND - 如何让 ng.ui.IState 知道新属性 redirectTo？

只需将这些行添加到您的代码中：

declare module angular.ui { export interface IState { redirectTo?: string; } }