JSFiddle - React, Tailwind, and code Playground

by flexin

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<div ng-app="denja">
    <div ng-controller="DenjaMetaController as dmc">
        OK: {{dmc.test}}<br/>
        NOT OK: {{dmc.meta.test}}
    </div>
</div>

JavaScript

(function() {
    angular.module('denja', [])
    .factory('DenjaMetaService', [function() {
        var data = {};
        data.setMetaData = function(d) {
            console.log('meta data is set - yippie!');
            data = d;
            console.log(data.test);
        };
        return data;
    }])
    .factory('DenjaAjaxService', ['$interval', '$http', 'DenjaMetaService', function($interval, $http, DenjaMetaService) {
        var data = {};
            
        data.update = function() {
            // in reality this would do an ajax query...
            meta = {};
            meta.test = new Time(); // just some random test
            DenjaMetaService.setMetaData(meta);
        };
        $interval(data.update, 1000);
        return data;
    }]).controller('DenjaMetaController', ['$scope', 'DenjaMetaService', function($scope, DenjaMetaService) {
            this.test = "dit is een test";
            this.meta = DenjaMetaService;

        }]);
})();