JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app">
    <div ng-controller="FirstController">
    </div>
    <div ng-controller="SecondController">
        {{data}}
    </div>
</div>

JavaScript

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

app.factory('sharedData', function ($http) {

    var sharedData = function()
    {
        this.data = [];   
    }
    
    sharedData.setData = function()
    {
        //$http.get('/getData').success(function(response){
            this.data = "dummy";
        //})        
    }
    
    sharedData.getData = function()
    {
        return this.data;   
    }
    
    return sharedData;
})
.controller("FirstController", function ($scope, $http,sharedData)  
  {
        sharedData.setData();
  })
.controller("SecondController", function ($scope,sharedData) {
    $scope.data=sharedData.getData();
});