单击列表组项

Question

我的JSON类似于：

{
"qaset": [
  {
    "question": "question1",
    "answer": [
        "answer11",
        "answer12"
    ]
  },
  {
    "question": "question2",
    "answer": "answer2"
  },
  {
    "question": "question1",
    "answer": [
        "answer31",
        "answer32"
    ]
  }
 ]
}

在第1页，我已按如下方式定义了一个列表组：

<div class="list-group card">
    <a class="list-group-item list-group-nav-item" ng-repeat="each in qaset">{{each.question}}</a>
</div>

现在，在点击上面列表中的任何项目（即问题）时，我希望被重定向到另一个页面，该页面具有来自JSON的所有“回答”作为各个部分，但是应该只显示相应的“答案”基于从第1页点击的项目。

如何将所有“回答”作为部分定义此页面？ 我该如何来回移动？

Answer 1

要实现两个不同的页面，请使用角度UI路由器。它简单有效。您只需要在锚标记中添加一个click功能并传递相应的答案obj（即＆＃34; each.answer＆＃34;）。函数体内部将这些参数传递给另一个视图（页面）。您可以在下一页中获取这些值包含stateparams。你不需要在那里绘制所有部分。将另一页设为可缓存的false。它会工作。如果默认情况下你的第二页包含所有答案，那么只从第一页传递问题，你就可以得到哪个答案。