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 () {
    return {
        getSomething: function () {
            console.log('return getsomething');
            getData();
        },

        getData: function () {
            console.log('return getData');
        },

        compactData: function (data) {
            console.log('return compactData');
        },
    };
});