JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="Joy" ng-controller="JoyCtrl"></div>

JavaScript

angular.module('Joy', [])
    .factory('TrainingPlan', function ($http) {

    var o = {
        exercises: [],
        planID: 0
    };

    o.init = function () {
        if (o.exercises.length == 0) return o.getAllExercises();
    };

    o.getAllExercises = function () {
        $http.get('http://jsonplaceholder.typicode.com/users').then(function (data) {
            console.log('Got the data');
            console.log(data);
            o.exercises = data.data;
            return o.exercises;
        });
    };

    return o;
})
    .controller('JoyCtrl', ['$scope', '$http', '$timeout', 'TrainingPlan', function ($scope, $http, $timeout, TrainingPlan) {
    TrainingPlan.init();
        
    console.log('after init');
    console.log(TrainingPlan.exercises);
    $timeout(function () {
        console.log('After 10 second');
        console.log(TrainingPlan);
    }, 10000);
}]);