相关疑难解决方法(0)

使用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'}
})
Run Code Online (Sandbox Code Playgroud)

在这里,我创建了一个plunker演示.

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

感谢您的建议,意见和想法.

javascript tabs angularjs angular-ui-router

87
推荐指数
4
解决办法
8万
查看次数

使用UI-Router转换到父状态时将用户定向到子状态

考虑以下:

.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子状态?

javascript angularjs angular-ui angular-ui-router

76
推荐指数
4
解决办法
6万
查看次数

Angular UI-Router $ urlRouterProvider.当不工作*时*

问题: 为什么不再.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)

javascript angularjs angular-ui-router

16
推荐指数
1
解决办法
1万
查看次数