2015-08-03 103 views
1

我是AngularJS的新手,我正在玩這個路線。但是UI路由器不會將我的URL「轉換」爲他正確的href屬性。AngularJS UI路由器創建沒有href

筆者認爲:

<a ui-sref="music.detail({postID: post.id})" class="text-ellipsis">{{post.first_name}}</a> 

這是從我的router.js

.state('music.detail', { 
    url: '/{postId}', 
    templateUrl: 'tpl/music.detail.html' 
}) 

但HTML輸出仍沒有ID。 {{post.id}}工作正常,並返回JSON對象的ID。

<a ui-sref="music.detail({postID: post.id})" class="text-ellipsis ng-binding" href="#/music/">Tremaine Stehr</a> 

我在這裏錯過了什麼嗎?

+0

是這個表達式合適嗎? '/ {postId:[0-9] {1,4}}' – agconti

+2

您的代碼中存在拼寫錯誤。你應該使用'postId'而不是'postID' – dhavalcengg

+0

我將它改爲'/ {postID}'。但是這屬於href問題嗎?我不明白爲什麼.. – bobbybackblech

回答

0

檢查你的HTML

<a ui-sref="music.detail({postId: post.id})" class="text-ellipsis ng-binding" >Tremaine Stehr</a>