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, testSO) {
    $scope.name = "testing scopes";
    testSO.getSomething();

});

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,
    };
});