Is it possible to group items in ion-list while using ng-repeat


#1

Hi there, I’m not sure I am able to express this correctly (I’m new to dev and ionic). I have nested JSON (see bellow excerpt) and I was able to figure out how to pull data from nested sections (actors), and now I’d like to have a list with header: Actors which shows name in line 1 and all the other data in following lines. When finished, then comes the next actor and so on … it’s kind of grouping.

Anybody has experience with this? Thanks for helping out! cheers

{
  "seasons": [
    {
      "season": "Season 1",
      "aired": "2009 - 2010",
      "episodes": 29
    },
    {
      "season": "Season 2",
      "aired": 2011,
      "episodes": 29
    }
],
"episodes": [
    {
      "season": "Season 1",
      "episode": "Episode 1.1",
      "title": "Pilot",
      "date": "October 9, 2009",
      "video1": "link 1",
      "video2": "link 2",
      "video3": "link 3",
      "actors": [
        {
          "name": "Mr Pegasus",
          "background": "flying horse",
          "movies": {
            "movie1",
            "movie2"
          }
        },
        {
          "name": "Mr Grumpy Potato",
          "background": "mashed potato",
          "movies": "no"
        },
        {
          "name": "Dumbo the flying Elephant",
          "background": "huge ears",
          "movies": [
            "movie1"
          ]
        },

#2

for that you can use the ionic-card:


#3

Thanks @bengtler, I actually used nested items within items … it looks quite ok to me!