JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app">
  <div ng-controller="AppCtrl">

    Data: {{data}}
  </div>

  <div ng-controller="AppCtrl2">
    Data: {{data}}
  </div>

</div>

JavaScript

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

app.factory('appFactory',function($http,$q) {
    var p = $http.get('http://www.google.com').then(function(response) {
        console.log('server');
        return [];
    });
    return { getData: function () { return p; } };
});

app.controller('AppCtrl',function($scope,appFactory) {
    appFactory.getData().then(function(data) {
        $scope.data = data;
    })
})

app.controller('AppCtrl2',function($scope,appFactory) {
    appFactory.getData().then(function(data) {
        $scope.data = data;
    })
})