title: using ng-repeat to build a table
body: <p>I have a data structure like this:</p>
  
  <pre><code>{
    "Places to visit": {
      "Best": [
        "place1",
        "place2"
      ],
      "Worst": [
        "place3",
        "place4"
      ]
    },
    "Cuisines": {
      "Best": [
        "cuisine1",
        "cuisine2"
      ],
      "Worst": [
        "cuisine3",
        "cuisine4"
      ]
    },
    "Mobiles": {
      "Best": [
        "mobile1",
        "mobile2"
      ],
      "Worst": [
        "mobile3",
        "mobile4"
      ]
    }
  }
  </code></pre>
  
  <p>Using this datastructure, I need to build a table in the UI which should look like this (with 2 indicators in one row).
  <a href="https://i.stack.imgur.com/oiKkT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oiKkT.png" alt="enter image description here"></a></p>
  
  <p>I'm clueless on how to use ng-repeat on this data structure to get the desired table.</p>
  
  <p>TIA.</p>