JSFiddle - React, Tailwind, and code Playground

by rckd

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script>
<script src="https://code.createjs.com/preloadjs-0.6.2.min.js"></script>
<div ng-app='app'>
  <app></app>
</div>

JavaScript

console.clear();
angular.module('app', [])

.factory('api', [
	function(){
  	return{
    	users:{
      	fetch: function(){
        	return $http({
          	method: 'GET',
            url: '/api/users'
          }).then(function(res){ // step #1
          	return res.data;
          });
        }
      }
    }
  }
])

.component('userList', {
	controller:[
  	'api',
    function(api){
    	api.users.fetch()
      	.then(function(users){ // step #2
        	// users is an array now
        	return users;
        });
    }
  ]
});