使用AngularJS中的UI-Router将状态重定向到默认子状态

Question

使用AngularJS中的UI-Router将状态重定向到默认子状态

我正在创建一个基于标签的页面，显示一些数据。我在AngularJs中使用UI-Router来注册状态。

我的目标是在页面加载时打开一个默认选项卡。每个选项卡都有子选项卡，我希望在更改选项卡时打开默认子选项卡。

我正在测试onEnter函数和内部我正在使用$state.go('mainstate.substate');但由于循环效果问题似乎无法工作（在state.go上，它调用它的父状态等等，然后它变成一个循环）。

$stateProvider.state('main', {
  url: '/main',
  templateUrl: 'main.html',
  onEnter: function($state) {
    $state.go('main.street');
  }}).state('main.street', {
  url: '/street',
  templateUrl: 'submenu.html',
  params: {tabName: 'street'}})

在这里，我创建了一个plunker演示。

现在一切正常，除了我没有打开默认选项卡，这正是我需要的。

感谢您的建议，意见和想法。

Answer 1

从ui-router 1.0版本开始，它支持一个redirectTo属性。例如：.state('A', {   redirectTo: 'A.B'})