Once we have fixed the WorkoutBuilderService and the WorkoutResolver, there are actually no further fixes needed in the WorkoutComponent. All the work to handle the Observables has been done further downstream and all we need to do at this stage is subscribe to the route data and retrieve the workout as we have already been doing:

  ngOnInit() {
      this.sub = this.route.data
          .subscribe(
            (data: { workout: WorkoutPlan }) => {
              this.workout = data.workout;
            }
          );
  }

To test the implementation, uncomment the following highlighted code contained in the onSelect method within workouts.component.ts:

  onSelect(workout: WorkoutPlan) {
      this.router.navigate( ['./builder/workout', workout.name] );
  }

Then click on any existing workout, such as 7 Minute Workout, from the list of workouts displayed at /builder/workouts/. The workout data should load successfully.

The ExerciseBuilderService and ExerciseResolver also need fixing. Checkpoint 5.2 contains those fixes. You can copy those files or do it yourself and compare the implementation. And don't forget to uncomment the code in the onSelect method in exercises.component.ts.

It is now time to fix, create, and update scenarios for the exercises and workouts.