JSFiddle - React, Tailwind, and code Playground

by Michele Marcucci

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular-sanitize.js"></script>
<div ng-app="app">
    <div ng-controller="tourCtrl"></div>
    <div ng-controller="controller2"></div>
</div>

JavaScript

var app = angular.module("app", []);
app.service('myData', function () {
    this.myData = [];

    this.addData = function (data) {
        this.myData.push(data);
    }
    this.getData = function () {
        return this.myData;
    }
})
    .controller('tourCtrl', ['$scope', 'myData', function ($scope, myData) {
    $scope.addData = function (index, name) {
        myData.addData({
            index: index,
            name: name
        });
    }
    $scope.addData('hello', 'world');
}])
    .controller('controller2', ['$scope', 'myData', function ($scope, myData) {

    $scope.myData = myData.getData();
    $scope.$watch('myData', function (data) {
        console.log(data);
    });
    console.log($scope.myData);
}]);