添加$ stateProvider

Question

我一直在這個教程：Thinkster MEAN tutorial

我想另一個$stateProvider添加到項目中。它將被用來創建對現有評論的評論，但我不知道如何使用它的:id。 下面是我試過的代碼：

$stateProvider 
.state('home', { 
    url: '/home', 
    templateUrl: '/home.html', 
    controller: 'MainCtrl', 
    resolve: { 
     postPromise: ['posts', function (posts) { 
      return posts.getAll(); 
     }] 
    } 
}) 
.state('posts', { 
    url: '/posts/:id', 
    templateUrl: '/posts.html', 
    controller: 'PostsCtrl', 
    resolve: { 
     post: ['$stateParams', 'posts', function ($stateParams, posts) { 
      return posts.get($stateParams.id); 
     }] 
    } 
}) 
.state('comments', { 
    url: '/comments/:id', 
    templateUrl: '/comments.html', 
    controller: 'CommentsCtrl', 
    resolve: { 
     post: ['$stateParams', 'comments', function ($stateParams, comments) { 
      return comments.get($stateParams.id); 
     }] 
    } 
}); 

對於comments狀態，我知道代碼是錯誤的，但我只是把一些代碼在它爲更好地理解。我對我需要的東西感到困惑，所以我試圖改變url: '/posts/:id/comments/:id'，但它沒有奏效。

此外，我想知道是否下面的代碼可用於其導航：

<a href="#/comments/{{comment._id}}"> // don't know whether it's correct 
    {{comment.body}} 
</a> 

Answer 1

您已寫入的$stateProvider代碼是正確的，你應該使用ui-sref指令創建href屬性

<a ui-sref="comments({id: comment._id})"> // will create a href 
    {{comment.body}} 
</a>