當添加到'ui-sref'的鏈接時，UI路由器拋出錯誤為“無效狀態引用”

Question

對於以下route ：

.state('user', {
                url:'/user/:userId',
                templateUrl : 'app/views/pages/user/user.html',
                controller  : 'userController as user',
                required    : true,
                resolve     : {
                    userData : function( $q, api, $stateParams ){

                        console.log('hi', $stateParams)

                        var differed = $q.defer();

                        api.getUsers().then(function( data ){
                            differed.resolve( data.data );
                        });

                        return differed.promise;

                    }
                }
            })

我從我的一個html中調用如下：

<li ng-repeat="user in users.usersData"><a ui-sref="user(userId:{user._id})">{{user.name}}</a></li>

但得到錯誤：

angular.js:13920 Error: [$parse:syntax] 

https://docs.angularjs.org/error/$parse/syntax?p0=:&p1=is%20an%20unexpected%20token&p2=7&p3=userId:%7Buser._id%7D&p4=:%7Buser._id%7D

我的代碼出了什么問題？ 有人幫我嗎？

Answer 1

ui-sref

ui-sref="user(userId:{user._id})"

應該是這樣的

ui-sref="user({userId:user._id})"

我們傳遞的是一個對象 ，其屬性名為userId ，值來自user._id ： {userId:user._id}