uiRouter路由从索引开始工作但不在家工作

Question

在我的Angular项目中，我正在使用uiRouter。在我的应用程序中，我有一个主页，一个备注索引页面和备注页面。网址分别为：

// Home page
$stateProvider.state('home', { url: '^/', ... })

// Notes index page
$stateProvider.state('home.notes', { url: '^/notes/pageno/{pageno:int}', ... })

// Note page
$stateProvider.state('home.notes.note', { url: '^/notes/{id:int}', ... })

在主页和备注索引页面的模板中，我有：

<li ng-repeat="note in vm.list">
  <a ui-sref="home.notes.note({ id: note.id })">
    <h2>{{ ::note.title }}</h2>
    {{ ::note.body }}
  </a>
</li>

注释页面的链接可以从注释索引开始，但不能从主页开始。在主页上，它们似乎渲染得很好，当我将鼠标悬停在链接上时，工具提示中会显示正确的URl，但是当我点击时没有任何反应。没有记录错误。我能做错什么？