如何解决错误：无法解决州“互动”中的“interaction.details”？

Question

当我将id传递给angularjs中的UI状态提供程序时，URL和页面不会改变。

以下是一些细节：

HTML

<a style="cursor: pointer;" class="btn btn-default btn-xs"  ui-sref="int.details({id:n.id})">Detail</a>

路由器

.state('int', {
            url: '/int',
            data: {
                pageTitle: 'Int',
                IsLoginPage: false
            },
            templateUrl: '../../modules/int/views/int.html',
            controller: 'intCtl'
        })
        .state('int.details',{
            url:'/details/{id:id}',
            data: {
                pageTitle: 'Int',
                IsLoginPage: false
            },
            templateUrl: '../../modules/interaction/views/intDetail.html',
            controller:'intCtlDetails',            
        })

控制器

moduleName.controller('intCtlDetails', ["$scope", '$rootScope','$stateParams',
    function ($scope, $rootScope, $stateParams) {

console.log($stateParams.id);

}]);