AngularJs填充了一个手风琴列表

时间:2016-03-27 21:37:28

标签: angularjs accordion

我想构建一个' 练习 '的手风琴列表。我从后端得到以下响应,这基本上是具有多个属性的运动对象列表。

[{
    "exercise_name": "Best Stretch",
    "intensity_level": 6,
    "description": "Test"
}, {
    "exercise_name": "Butterfly reverse",
    "intensity_level": 1,
    "description": "Test"
},{
    "exercise_name": "Squat",
    "intensity_level": 1,
    "description": "Test"
}] 

我的手风琴列表应该类似于:

  • 今天的练习
    • 最佳拉伸
    • 蝴蝶逆转
    • 下蹲
    • 依旧......

1 个答案:

答案 0 :(得分:0)

关键是要阅读ng-repeat directive。这将允许您循环数据集中的项目并以手风琴控件所需的形式输出它们。有了这些信息,您应该尝试使其工作,如果您仍然遇到困难,那么您可以发布一个更相关的问题,显示您尝试过的内容并准确描述了哪些内容无效。