我無法使有角度的ui路由器嵌套狀態正常工作。 里面的代碼

Question

在這一點上，我確實嘗試了任何方法，但我仍在學習中，無法使它起作用。 https://plnkr.co/edit/FrNChlSwHYDbapr7gFQH?p=preview

<a class="collection-item" 
    ng-repeat="task in tasks"
    ui-sref="todo.detail({ todoID: task.todoID })">
    {{ task.text }}
</a>

我正在嘗試從“ todo”視圖路由到/ todo / 1，/ todo / 2等，但是$ stateParams似乎有問題。 如果你們能幫助我並告訴我問題出在哪里，那就太好了:)。

Answer 1

假設任務數組中的每個任務都有一個ID ，然后要導航到該ID ，則需要遵循以下內容：

<a class="collection-item" 
    ng-repeat="task in tasks"
    ng-href="#todo/{{ task.todoID }}">
    {{ task.text }}
</a>

然后，您需要/todo/:toDoId或在路由中設置的類似設置。

Answer 2

您尚未在tasks項中定義todoID 。

這有效： https : //plnkr.co/edit/Wk33w2eRfpz7UZNNZzFs?p=preview

Answer 3

除了向任務對象添加id字段外，您還需要在todo.html文件中放入<section ui-view></section> 。 這就是嵌套狀態的工作方式。 您可以使用Oliver提到的href或堅持使用ref。 我在這里分叉了您的朋克。