JSFiddle - React, Tailwind, and code Playground

by JayData

HTML

<script src="http://bluelinkerp.com:9006/app/lib/jquery/jquery.js"></script>
<script src="http://bluelinkerp.com:9006/app/lib/angular/angular.js"></script>
<script src="http://bluelinkerp.com:9006/app/lib/jaydata/jaydata-1.3.71-pre.js"></script>
<script src="http://bluelinkerp.com:9006/app/lib/jaydata/providers/oDataProvider.min.js"></script>
<script src="http://bluelinkerp.com:9006/app/lib/jaydata/modules/angular.js"></script>
<script src="http://bluelinkerp.com:9006/app/lib/datajs/datajs-1.1.1.js"></script>
<div id="appContainer" ng-controller="myctrl"></div>
http://bluelinkerp.com:9006/app/lib/angular/angular.js

JavaScript

var a = angular.module('app',['jaydata'])
    .controller('myctrl', ['$data','$q', function($data,$q){        
        debugger;
        var url = 'http://jaydata.org/examples/Northwind.svc';
        var debug = false;
        
         if(debug == true){   
            var initProm = $data.initService(url);
            $q.when(initProm).then(function(ctx){
                debugger;
                var res = ctx.Categories.toLiveArrayEx({scope: {$apply: angular.noop}})
                /*res.then(function(){
                    console.log('result ', arguments);
                })*/
                
                if(debug == true){
                    $q.when(res).then(function(){
                        
                        console.log('result ', arguments);
                        
                    })
                    
                } 
    
            });
         }
    }]);
        
        
$(function(){
    angular.bootstrap(angular.element('#appContainer'), ['app']);
});