问题： 为什么.when()在我的$urlRouterProvider作品中不再出现？

我选择了一个相当强大的 angular 应用程序。我一直在尝试解决的最新问题是“页面刷新时用户凭据丢失”问题。

当我拿起它时，该项目的身份验证服务并没有多大意义，经过深入研究后，我了解到它是从几页随机代码中组合在一起的。它也没有完全工作，所以我查看了不同的来源并决定完全实现其中之一（angular-client-side-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('/');

所以基本上，如果用户或站点将用户引导到/myState/group，他们实际上应该以 url 结束状态，app.myState.group.id对吗？但他们没有，我不知道为什么。关于使用 urlRouterProvider 的问题并不多。

什么没有发生？好吧，/myState/group加载视图很好，其中包含<ui-view>一个生成的id's列表。您可以单击一个 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
            },
            controller: 'MyCtrl',
            resolve: {
                // bunch of stuff here, I'll include it if it's relevant                    
            },
            redirectMap: {
                '409': 'app.error'
            }
        })
        .state('app.myState.group', {
            url: '/group',
            templateUrl: 'views/myState.group.html',
            data: {
                access: access.user
            }
        })
        .state('app.myState.group.id', {
            url: '/:id',
            templateUrl: 'views/myState.group.id.html',
            data: {
                access: access.user
            },
            resolve: {
                '': function (myService) {
                    myService.stuff.get(false, false, 7, 0).then(function (data) {
                    });
                }
            },
            controller: 'MygroupidCtrl'
        })

最后， index.html

<li ng-class="{active: $state.includes('app.myState')}"> <a ui-sref="app.myState.group">My State</a> </li>

不知何故，我觉得有一种更好的方法来构建它。据我所知，app.myState.group实际上从来不需要它本身，它只是嵌套的一部分。

我试图简单地ui-sref将="app.myState.group.id". 如果没有工作，我也改$state.includes('app.myState')}到$state.includes('app.myState.group')}。不。这是可行的吗？我知道我必须以某种方式传递 ID，但它甚至似乎都不是导演。

理想情况下，我想限制不必要的状态（和控制器......以及一切）的数量。由于假设用户/myState/group/id在单击链接时会被直接带到，我觉得这应该发生。这不是链接到另一个状态然后重定向！

也就是说，我现在更关心只是让它工作，我可以担心以后清理事情。

编辑

所以当我在写这个问题的时候，我得到了更多尝试的想法。其中之一确实有效！

.state('app.myState.group', {
            url: '/group',
            templateUrl: 'views/myState.group.html',
            data: {
                access: access.user
            },
            onEnter: ['$state', '$timeout', 'myService', function ($state, $timeout, myService) {
                $timeout(function () {
                     $state.go('app.myState.group.id', {id: myService.Params.id})
                }, 1000);
            }]

我喜欢它，但我仍然想知道是否还有其他方法可以做到这一点。我也很好奇为什么 $urlRouterProvider 停止工作了！