[Boogie1989]

Есть роуты

.state('category', {
            url: '/:category',
            views: {
                'items': {
                    templateUrl: 'Views/content.html',
                    controller: 'categoryCtrl'
                },
         
                 'items2': {
                     templateUrl: 'Views/SubCategory.html',
                     controller: 'categoryCtrl'
                 },
            }
            
        })
         .state('category.subcategory', {
             url: '/:subcategory',
             views: {
                 'items2': {
                     templateUrl: 'Views/SubCategory.html',
                     controller: 'categoryCtrl'
                 },
                
             }
         })

и есть два линкаЖ
1.

<a ui-sref="category({ category: item.product_Category})" >{{item.product_Category}}</a>

получается url #/category
2.

<a ui-sref="category.subcategory({subcategory: SubItem.SubName })" </a>

получается url #/category/subcategory

При нажатии на первый роут работает чьотко, при нажатии на второй одна вью должна поменятся на другу но этого не делает. Как исправить?