Angularjs Display List Right Below The Url

So I am trying to display a list of values on the front end right below where they are clicked. For instance, lets say my front end has a list of albums: album-name-1 album-name-2

Solution 1:

I think you should have markup like this

<ul><ling-repeat="album in vm.albums"><ang-click="vm.getAlbumTracks(album, $index);">{{album}}</a><ulng-show="$index === vm.showingAlbumIndex"><ling-repeat="track in vm.albums.tracks"><ang-click="vm.displayForm(track)">{{track}}</a></li></ul></li></ul><ang-click="vm.newFunction('RAVI')">Click Me!</a>

In function controller, assign property vm.showingAlbumIndex

functiongetAlbumTracks(album, index){
    vm.showingAlbumIndex = index;
    //...
}