JSFiddle - React, Tailwind, and code Playground

by Darryl Rubarth

HTML

<div ng-app="myApp">


      <div ng-controller="FirstCtrl">
        <input type="text" ng-model="data.message">
        <h1>{{data.message}}</h1>
      </div>


      <div ng-controller="SecondCtrl">
        <input type="text" ng-model="data.message">
        <h1>{{data.message}}</h1>
      </div>


    </div>

JavaScript

var FirstCtrl, SecondCtrl, myApp;

myApp = angular.module('myApp', []);

myApp.factory('Data', function() {
  return {
    message: 'Data from a service'
  };
});

FirstCtrl = function($scope, Data) {
  return $scope.data = Data;
};

SecondCtrl = function($scope, Data) {
  return $scope.data = Data;
};