Angularjs 未传递ui sref处的参数

这里有我的ui sref代码

<div class="container">
    <div ng-repeat="vendor in Items" 
         id="scrollArea">
        <img src='{{vendor.img}}' 
             style='width:100%;' 
             ui-sref='vendordetail({vendorId:1})'/>
    </div>
</div>

模板URL“vendordetail”成功显示在目标ui视图“mycontainer”上。“供应商详细信息控制器”字符串也被记录。但是$stateParams是一个空对象{}。我在将param vendorId传递给我的州控制器时错过了什么

我希望我没有遗漏任何上下文。提前谢谢

.state('vendordetail',{
     views:{
         url:'/:vendorId',
         'mycontainer':{
             templateUrl:'vendordetail',
             controller:function($scope, $stateParams) {
                 console.log('vendordetail controller');
                 console.log($stateParams);
             }
          }    
     }
});