javascript - Angular js 选项卡应用程序

Question

我正在尝试制作一个 angularjs 应用程序，带有选项卡和动态内容(相对于选项卡)。我想从 json 文件加载内容，如下所示:

[
  {
    "title": "Hejsa",
    "text": "Hej jeg hedder Jonas"
  },
  {
    "title": "Halløjsa",
    "text": "Du er dum"
  },
  {
    "title": "Tab 3",
    "text": "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
  }
]

我想像这样格式化数据:

<div class="panels">
  <h2>Title</h2>
  <blockquote>
    Text
  </blockquote>
</div>

然后我想将其称为自定义指令，如下所示:

<tabs-body tabs="number of tabs"></tabs-body>

提前致谢

Answer 1

您可以选择https://angular-ui.github.io/bootstrap/详细https://github.com/angular-ui/bootstrap/tree/master/src/tabs或https://material.angularjs.org/latest/demo/tabs .

另一个解决方案是编写自己的逻辑，但我希望这样可以帮助您解决特定问题，而不是为您提供代码......