angular 嵌套的 ng-repeat 在第三层不工作

Question

我正在使用以下嵌套 ng-repeat

<div class="thumbnail" ng-repeat="programme in programmes">
 <h4>{{programme.title}}</h4>
  <div ng-repeat="exercise in programme.exercises">
    {{exercise.exerciseName}}
      <ul ng-repeat"image in exercise.images">
        <li>{{image}}</li>
      </ul>
  </div>
</div>

具有以下对象数（以下代表一个programme）

[
{
    "exerciseDescription": "Kneeling on the gym ball. ",
    "exerciseID": 92,
    "exerciseName": "4 pt Kneeling on Gym Ball - Arm and Leg Lift  ",
    "images": [
        345,
        346,
        347
    ]
},
{
    "exerciseDescription": "Laying on the gym ball with the ball/ weight directly above your head. ",
    "exerciseID": 32,
    "exerciseName": "Gym Ball Bridge - Double arm Med ball  ",
    "images": [
        110,
        111,
        112
    ]
},
{
    "exerciseDescription": "Sit on a gym ball with the bony points at the bottom of your bum very top of the leg in contact with the ball.",
    "exerciseID": 1,
    "exerciseName": "Neutral Spine on Gym Ball ",
    "images": [
        2,
        3,
        4,
        5
    ]
}
]

这对除第三级以外的所有其他人都非常有效image in exercise.image

Answer 1

您在 ng-repeat 中有一个错字，您漏掉了 =:

      <ul ng-repeat="image in exercise.images">
        <li>{{image}}</li>
      </ul>

angular 嵌套的 ng-repeat 在第三层不工作

angular nested ng-repeat not working on third level

javascript

angularjs

angularjs-ng-repeat