离子UI路由器问题：未加载第二级状态视图

Question

我无法绕过这个我一直在经历的问题，或者我在这里错过了一些关键点。我在离子操场上记下了this sample app，它当然是我的应用程序的简化版本 基本上我有一个带有两个视图的选项卡式布局，这两个视图共享项目的公共数据源（在我的应用程序中它是一个sqlite db表）;第一个视图显示某个状态的项目，而另一个选项卡显示剩余的项目（在我的例子中，我使用了TODO列表比喻）。
每个选项卡都有一个子状态，我将其称为第二级状态（假设级别0是抽象tab状态。这两个第二级状态是单独定义的，但共享一个公共控制器和模板。
我不能为我的生活理解为什么当我从两个列表中的任何一个（第一级状态视图）中单击列表项时，这两个状态都没有被导航到。
注意：在离子操场中，控制台中没有出现任何错误，但我无法确定状态URL方面的情况。但是当我在浏览器中测试我的实际应用程序（问题是相同的）时，我可以看到网址更改为#/tab/tasks/xxxx或#/tab/completed/xxxx但模板未加载。在谷歌搜索时，我遇到了几个SO问题：

1. Ui-router URL changes, nested view not loading
2. In Angular ui-router nested state url changes,but template is not loading
3. UI-Router: URL changes, but view is not loaded
4. Angular Router - Url changes but view does not load
5. URL changes but view does not hcange
6. Angular UI-Router : URL changed but view isn't loaded

但是其中提供的答案对我没有用（根据我列出的最后一个，尝试在子状态中的视图名称之后添加@符号，但无济于事） 。

有点卡住了，真的很感激一些输入！欢呼声。

Answer 1

管理this answer之后的工作;我曾尝试在嵌套状态下简单地在视图名称之后附加@字符，但事实证明附加@tab，其中tab是顶级摘要的名称州。我在离子操场上更新了my fiddle。为大家喝彩。