Images not showing

[MRSTIGLITZ]

I dont see any console error but the images of the ng-src are not displaying.

[rahullao]

This is because of incorrect reference to image details. You would observe that relax exercise images shows up but no image for exercises.

In workout.js, rename details to exercise
restExercise = { details: new Exercise({ name: "rest", title: " Relax!", description: " Relax a bit!", image: "img/rest.png", }), duration: workoutPlan.restBetweenExercise };

Correct code
restExercise = { exercise: new Exercise({ name: "rest", title: " Relax!", description: " Relax a bit!", image: "img/rest.png", }), duration: workoutPlan.restBetweenExercise };

And in index.html, instead of using <h1>{{currentExercise.details.title}}</h1> use <h1>{{currentExercise.exercise.title}}</h1>

and

change ng-src="{{currentExercise.details.image}}" /> to ng-src="{{currentExercise.exercise.image}}" />