Ionic UI 路由器问题：未加载 2 级状态视图

Question

我无法解决我一直在经历的这个问题，或者我在这里遗漏了一些关键点。我在 ionic 操场上记下了this sample app，这当然是我的应用程序的简化版本。
基本上我有一个带有两个视图的选项卡式布局，它们共享一个共同的项目数据源（在我的应用程序中它是一个 sqlite db 表）；第一个视图显示处于某种状态的项目，而另一个选项卡显示剩余的项目（在我的示例中，我使用了 TODO 列表隐喻）。
每个选项卡都有一个子状态，我将其称为 2 级状态（假设 0 级是抽象 tab 状态。这两个 2 级状态是单独定义的，但共享一个公共控制器和模板。
我一生都无法理解为什么当我从两个列表（一级状态视图）中单击一个列表项时没有导航到这两个状态。
注意： 在离子游乐场中，控制台没有抛出任何错误，但我不能完全判断状态 URL 方面发生了什么。但是当我在浏览器中测试我的实际应用程序（问题相同）时，我可以看到 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。为大家干杯。