javascript - AngularJS 路由，在显示 slug 时使用 ui-sref 传递 id 而不是 url 中的 id

Question

我将概述我已经设置的内容以及我想要工作的内容:

我的模板中有一个项目列表，如下所示:

<ul>
    <li ng-repeat="user in users">
        <a ui-sref="user({slug: user.slug, id: user.id})">
            {{user.name}}
        </a>
    </li>
</ul>

我有一个像这样的状态提供者:

.state('user', {
    url: '/:slug',
    controller: 'UserCtrl',
    templateUrl: 'app/user/userProfile.html',
    resolve: {
         user: function($stateParams, UserService) {
             return UserService.get($stateParams.id);
         }
    }
});

现在我明白这是行不通的，因为 id 参数没有在 url 中定义，所以它没有传递给 $stateParams 。我已经看到类似的问题回答了使用这样的建议:

resolve: {
     user: function($stateParams, UserService) {
         var userId = UserService.getIdFromSlug($stateParams.slug);
         return UserService.get(userId);
     }
}

但是 getIdFromSlug 方法要么需要另一个 API 调用，要么在我获取列表时在服务中创建映射对象，如 { slug: id }。两者似乎都不是非常优雅的解决方案，特别是因为我已经有了 id。

我错过了什么吗？没有其他方法可以将参数传递给状态提供者吗？ (我对 Angular 还很陌生)。

Answer 1

.state('user', {
    url: '/:slug',
 params: { id: { value: -1 } },

我使用了上面的方法，所以 id 没有在 url 中传递。