我正在创建一个基于选项卡的页面,该页面显示一些数据。我在 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 演示。
现在一切正常,除了我没有打开默认选项卡,这正是我需要的。
感谢您的建议、意见和想法。