JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp" ng-controller="MainCtrl">
    <p>Hello {{name}}!</p>
</div>

JavaScript

var app = angular.module('myApp', []);

app.controller('MainCtrl', function ($scope, testOriginal) {
    $scope.name = "testing scopes";
    testOriginal.getSomething();

});



app.service('testOriginal', function () {
    var self = this;
    this.getSomething = function () {
        console.log('return getsomething');
        self.getData();
        this.getData();
        getData();
    };
    this.getData = function () {
        console.log('return getData');
    };
    this.compactData = function (data) {
        console.log('return compactData');
    };
});


app.factory('testSO', function () {
    var getSomething = function () {
        console.log('return getsomething');
        getData();
    };

    var getData = function () {
        console.log('return getData');
    };

    var compactData = function (data) {
        console.log('return compactData');
    };
    return {
        getSomething: getSomething,
        getData: getData,
        compactData: compactData,
    };
});