单击列表组项目导航到页面的特定部分

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 中的所有 "answer" 作为各个部分，但是应该只根据从第 1 页单击的项目显示相应的 "answer"。

如何定义此页面，其中所有 "answer" 都作为部分？我该如何来回移动？

Answer 1

要实现两个不同的页面，请使用 angular UI 路由器。它简单有效。你只需要在你的锚标签中添加一个点击功能，并传递相应的答案对象（即"each.answer"）。在函数体内将这些参数传递给另一个视图（页面）。您可以在下一页中获得这些值的状态参数。您不需要在那里绘制所有部分。将其他页面设为可缓存 false。它会起作用。如果你的第二页默认包含所有答案，那么只从第一页传递问题，你就可以得到要显示的答案。

单击列表组项目导航到页面的特定部分

Navigate to specific section of page on clicking a list-group item

javascript

css

json

angular-ui-bootstrap