JSFiddle - React, Tailwind, and code Playground

by Soviut

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.4/angular.min.js"></script>
<div ng-controller="MyCtrl">
    {{ data.data.date }}
</div>

JavaScript

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

var Poller = function($http, $timeout) {
    var data = {};

    var tick = function() {
        $http.post(
            '/echo/json/', 
            'json=' + angular.toJson({name:'ian', date: new Date().toString()})
        ).then(
            function(d) {
                // extend so that apply triggers
                angular.extend(data, d.data);
                $timeout(tick, 1000);
            }
        )
    }
    tick();
    
    return {data: data};
};
app.factory('Poller', Poller);

var MyCtrl = function($scope, Poller) {
    $scope.data = Poller;
    
    $scope.$watch('data', function() {
        console.log($scope.data);
    });
};
app.controller('MyApp', MyCtrl);