title: Json Lists in arrays ionic return list values
body: <p>I'm new to ionic and I want to be able to extend a simple json data set to include lists within an array:
  My json file looks like this:</p>
  
  <pre><code>angular.module('starter.services', [])
  
  /** A simple example service that returns some data. */
  .factory('Bands', function() {
  
    var bands = [
           {"id": "0", name: 'U2', nationality: 'Irish', category: 'Rock', pic: "U2.jpg", url:"www.u2.com" },                     
         {
              "albums":
                  {"album"
                      [
                          { "id": "101", name:"Songs Of Innocence", year:"2014", pic: "u2_soi_cover.jpg" },
                          { "id": "102", name:"No Line On The Horizon", year:"2009", pic: "u2_nloth_cover.jpg" },
                          { "id": "103", name:"How To Dismantle An Atomic Bomb", year:"2004", pic: "u2_htdaab_cover.jpg" },
                       ]
                  },
        },
     {"id": "1", name: 'Silverchair', nationality: 'Australian', category: 'Grunge', pic: "silverchair.jpg", url:"www.silverchair.com/" },                        
         {
              "albums":
                  {"album"
                      [
                          { "id": "102", name:"Frogstomp", year:"1995", pic: "sc_frogstomp_cover.jpg" },
                      ]
                  },
  
  },
   ];
  
  return {
  all: function() {
    return bandss;
  },
  get: function(bandId) {
    // Simple index lookup
    return bands[bandId];
    }
   }
   })
  </code></pre>
  
  <p>So I have been able to return the list of bands using a repeat and pass the band id to display individual band details.</p>
  
  <p>I want to no extend the band page to it to return the album list details so I'm guessing it would be something like this, but I need some help understanding how to get the list out of the array for a specific band id. </p>
  
  <pre><code> &lt;ion-content&gt;
        &lt;div class="details"&gt;
        &lt;img src="pics/bands/{{band.pic }}" /&gt;
      &lt;h2&gt;{{band.name}}&lt;/h2&gt;
     &lt;p&gt;{{band.nationality}}&lt;/p&gt;
     &lt;/div&gt;
    &lt;ion-list&gt;
        &lt;ion-item ng-repeat="album in albums" type="item-text-wrap" &gt;
               &lt;h2&gt;{{album.name}}&lt;/h2&gt;
        &lt;p&gt;{{album.year}}&lt;/p&gt;
          &lt;/ion-item&gt;
      &lt;/ion-list&gt;
     &lt;/ion-content&gt;
  </code></pre>
  
  <p>Any help to point me in the right direction would be great.</p>