我正在创建一个基于标签的页面,显示一些数据.我在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'}
})
Run Code Online (Sandbox Code Playgroud)
在这里,我创建了一个plunker演示.
现在一切正常,除了我没有打开默认选项卡,这正是我需要的.
感谢您的建议,意见和想法.
考虑以下:
.state('manager.staffList', {url:'^/staff?alpha', templateUrl: 'views/staff.list.html', data:{activeMenu: 'staff'}, controller: 'staffListCtrl'})
.state('manager.staffDetail', {url:'^/staff/{id}' , templateUrl: 'views/staff.html', data:{activeMenu: 'staff'}, controller: 'staffDetailsCtrl'})
.state('manager.staffDetail.view', {url:'/view', templateUrl: 'views/staff.details.html', data:{activeMenu: 'staff'}})
.state('manager.staffDetail.view.schedule', {url:'/schedule', templateUrl:'views/staff.view.schedule.html', data:{activeMenu: 'staff'}})
.state('manager.staffDetail.view.history', {url:'/history' , templateUrl:'views/staff.view.history.html', data:{activeMenu: 'staff'}})
.state('manager.staffDetail.view.log', {url:'/log', templateUrl:'views/staff.view.log.html', data:{activeMenu: 'staff'}})
.state('manager.staffDetail.view.files', {url:'/files', templateUrl:'views/staff.view.files.html', data:{activeMenu: 'staff'}})
.state('manager.staffDetail.edit', {url:'/edit', templateUrl: 'views/staff.edit.html', data:{activeMenu: 'staff'}})
Run Code Online (Sandbox Code Playgroud)
如果我去domain.com/staff/1234/view,我如何默认为manager.staffDetail.view.schedule子状态?
问题: 为什么不再.when()在我的$urlRouterProvider工作中?
我已经选择了一个相当强大的角应用程序.我一直试图解决的最新问题是"页面刷新时丢失的用户凭据"问题.
当我拿起它时,项目的auth服务没有多大意义,在挖掘之后我知道它是从几个随机页面的代码中组合而成的.它也没有完全工作,所以我调查了不同的来源并决定完全实现其中一个(angular-client-side-auth)
现在,我实现的auth服务/控制器基本上与angular-client-side-auth中的相同,但是我工作的站点使用基于令牌的身份验证.令牌功能已基本到位,所以我没有遇到任何麻烦.
在这一点上,我让用户保持登录状态刷新,路由正在与他们的身份验证一起工作(以前使用庞大的代码来禁用视图中的元素)但是,现在$urlRouterProvider .when()s已经破坏了.他们以前工作得很好,所以我知道我所做的就是错 - 但我不能简单地撤消我已实施的内容!
所以这是我正在使用的$ urlRouterProvider代码.值得一提的是我已经包含/需要了.when(),而angular-client-side-auth似乎并没有使用它们.我希望它们可以用该代码实现,但是它可能存在一些使得功能无效的东西.when()?我不这么认为.也可以澄清我还没有使用.rule或者$httpProvider.interceptors那里.我已尝试使用这些实现的网站,但它们似乎没有什么区别.
$urlRouterProvider
.when('/myState/group', ['$state', 'myService', function ($state, myService) {
$state.go('app.myState.group.id', {id: myService.Params.id});
}])
.otherwise('/');
Run Code Online (Sandbox Code Playgroud)
所以基本上,如果用户或网站指示用户/myState/group,他们实际上应该最终在url状态app.myState.group.id对吗?他们不是,我无法弄清楚为什么.关于使用urlRouterProvider的问题并不多.
什么没有发生?那么/myState/group负载的视图很好,并且在其中<ui-view>是生成的列表id.您可以单击一个ID,该ID调用一个设置ID的函数,然后执行$state.go('app.myState.group.id', {id: group.id, std: $scope.std1}); 该状态当然会替换用户单击的"生成列表".
现在,为了.state()......
.state('app.myState', {
abstract: true,
url: '/myState',
templateUrl: 'views/myState.html',
data: {
access: access.user
}, …Run Code Online (Sandbox Code Playgroud)