Router Transitions

Stepping through a router transition

Analyzing exactly what happens when the user visits a URL that was created by a nested route is fundamental to understanding how nested routes set up a nested UI. This is probably one of the greatest “aha!” moments on your journey to Ember mastery. So, let’s see which routes are activated and in what order when a visitor of our site goes to /bands/pearl-jam/songs.

Before this, though, let’s adapt our code to the relationship between bands and songs. We create a Song class and a few instances and assign each song to its appropriate band:

The added code is highlighted and the removed code is commented.