JSFiddle - React, Tailwind, and code Playground

by kiyanov

HTML

<div ng-app="app"> 
    <div ng-controller="FirstCtrl as ctrl">
        <button ng-click="set()">Set</button>
    </div>
    
        <div ng-controller="SeccondCtrl as ctrl">
             <button ng-click="get()">Get</button>
        </div>
    
</div>

JavaScript

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

app.service('sharedProperties', function() {
    var stringValue = 'test string value';
    var objectValue = {
        data: 'test object value'
    };

    return {
        getString: function() {
            return stringValue;
        },
        setString: function(value) {
            stringValue = value;
        },
        getObject: function() {
            return objectValue;
        }
    }
});

app.controller('FirstCtrl',function($scope,sharedProperties){
    $scope.set =  function(){
        sharedProperties.setString("Hi");
    }
  });

app.controller('SeccondCtrl',function($scope,sharedProperties){
    $scope.get = function(){
        window.alert(sharedProperties.getString());
    }

});