JSFiddle - React, Tailwind, and code Playground

by Raj Karri

HTML

<div ng-app="app">
    <div ng-controller = "MainCtrl">
        <div ng-repeat="item in items">
            {{item.name}}
        </div>
    </div>    
</div>

JavaScript

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

//factory
app.factory('itemsFactory', function($http) {
   var factory = {};
   
  factory.getItems = function () {
    return  $http.get('https://api.github.com/users/angular/repos');  
   };

   return factory;
});

// 1.controller
app.controller('MainCtrl', function($scope, itemsFactory) { itemsFactory.getItems().success(function(data){
              $scope.items = data;
        });
});

// 2.controller
//app.controller('MainCtrl', function($scope, itemsFactory){
//  itemsFactory.getItems().then(function(response){
//              $scope.items = response.data;
//        });
//});