щ-sref не делает правильно

Question

.state('app.post', { 
    url: "/post/:postId", 
    views: { 
     'menuContent' :{ 
     templateUrl: 'templates/postPages/viewPost.html', 
     controller: 'ViewPostController' 
     } 
    } 
    }) 

    .state('app.post.edit', { 
    url: "/edit/:postId", 
    views: { 
     'menuContent@app' :{ 
     templateUrl: 'templates/postPages/editPost.html', 
     controller: 'EditPostController' 
     } 
    } 
    }) 

    .state('app.post.comments', { 
    url: "/comments/:postId", 
    views: { 
     'menuContent@app' :{ 
     templateUrl: 'templates/postPages/post-comments.html', 
     controller: 'PostCommentsController' 
     } 
    } 
    }) 

Я это

<a class="tab-item" ui-sref="app.post.comments({postId:'{{post.id}}'})"> 
    <i class="icon ion-chatbox"></i> 
    Comment 
</a> 

это делает, как:

<a class="tab-item" ui-sref="app.post.comments({postId:'306cc780-71db-11e5-b49b-7bdc2a9aa3c7'})" href="#/app/post//comments/"> 
     <i class="icon ion-chatbox"></i> 
     Comment 
    </a> 

сообщение отсутствует в HREF

Answer 1

Упоминание postId внутри URL в app.post является достаточно, как url: "/post/:postId",, In app.post.edit & app.post.comments должен иметь только url s нравится /edit & /comments.

Так что, проходя мимо postId, он только объединяется с родительским сообщением.

Тогда ваш щ-sref не должны иметь интерполяции

ui-sref="app.post.comments({postId: post.id})" 

Будет визуализируется как

href="#/app/post/306cc780-71db-11e5-b49b-7bdc2a9aa3c7/comments" 

Штаты

.state('app.post', { 
    url: "/post/:postId", 
    views: { 
     'menuContent' :{ 
     templateUrl: 'templates/postPages/viewPost.html', 
     controller: 'ViewPostController' 
     } 
    } 
}) 

.state('app.post.edit', { 
    url: "/edit", 
    views: { 
     'menuContent@app' :{ 
     templateUrl: 'templates/postPages/editPost.html', 
     controller: 'EditPostController' 
     } 
    } 
}) 
.state('app.post.comments', { 
    url: "/comments", 
    views: { 
     'menuContent@app' :{ 
     templateUrl: 'templates/postPages/post-comments.html', 
     controller: 'PostCommentsController' 
     } 
    } 
})