JSFiddle - React, Tailwind, and code Playground

by Zaiste

HTML

<link rel="stylesheet" href="//cdn.jsdelivr.net/foundation/4.3.1/css/foundation.min.css">
<body ng-app="app">
    <div ng-controller="FirstCtrl">
        <input type="text" ng-model="payload.message"/>
    </div>
        
    <div ng-controller="SecondCtrl">
        <input type="text" ng-model="payload.message"/>
    </div>
</body>

JavaScript

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

app.service('MessageService', function () {
    this.payload = { message: 'Hello from a Service' };
});

app.controller('FirstCtrl', function ($scope, MessageService) {
    $scope.payload = MessageService.payload;
});

app.controller('SecondCtrl', function ($scope, MessageService) {
    $scope.payload = MessageService.payload;
});