Home / Questions / 2035
Accepted
Goyo
Asked: 2020-01-05 08:14:21 +0800 CST 2020-01-05 08:14:21 +0800 CST

How to parse Json with ngRepeat?

  • 772

assuming i have the followingjson

seats = [
  {
    rows:[
      {
        "seatNUmber": "A",
        "IsAvailable": true
      },
      {
        "seatNUmber": "B",
        "IsAvailable": true
      },
      {
        "seatNUmber": "C",
        "IsAvailable": false
      },
      {
        "seatNUmber": "D",
        "IsAvailable": true
      }
    ]
  },
  {
    rows:[
      {
        "seatNUmber": "A",
        "IsAvailable": true
      },
      {
        "seatNUmber": "B",
        "IsAvailable": true
      },
      {
        "seatNUmber": "C",
        "IsAvailable": false
      },
      {
        "seatNUmber": "D",
        "IsAvailable": true
      }
    ]
  }

I would like to know how can I parse this jsonin a list <ul>? That is, that each seatNumber is in one <li>of the list. I guess it's a nested Loop but I can't understand how to put the ng-repeat.

The result I want to achieve is something like the following:

enter image description here

Where each box represents an entry and is one <li>of the list.

javascript

1 Answers

  1. Best Answer

    Loops nested with ng-repeatwork like any other loop. An analogy of ng-repeatusing a foreachwould be:

    forEarch(seat in seats){
  forEach(row in seat.rows){
    console.log(row);
  }
}

    Now, using the ng-repeat:

    <ul>
  <li ng-repeat="seat in seats">
    <ul>
      <li ng-repeat="row in seat.rows">{{$index}}{{row.seatNUmber}}</li>
    </ul>
  </li>
</ul>
    • 3