Highlighting the Active Band Link

You’ll learn how to highlight the active band link in the sidebar in Ember.js in this lesson.

While we’re at it, we should also highlight the active band link in the sidebar. The process is somewhat similar, so feel free to give it a go. I’ll give my solution below so that you can check yours against it.

Create component template and class

This time, we’ll generate both the component template and class at the same time:

ember g component band-list --with-component-class

The idea is to augment each band item in the list with an isActive property:

Get hands-on with 1200+ tech skills courses.