Song Flux 6 - LibraryComponent

component.js

function LibraryController(Library, Actions) {
  this.Library = Library; // A library has albums, which have tracks
  this.albums = Library.albums; // Updates on Library mutation events
  this.Actions = Actions;
}
 
LibraryController.prototype.play = function(track) {
  return this.Actions.Play(track).dispatch();
};
 
LibraryController.$inject = ['TrkstrLibrary', 'TrkstrActions'];

template.html

<ol ng-repeat="album in state.albums">
  <li>{{ album.name }}</li>
  <li
    ng-repeat="track in album.tracks"
    ng-click="state.play(track)"
  >{{ track.title }}</li>
</ol>