JSFiddle - React, Tailwind, and code Playground

by witq

HTML

<div ng-app="app" ng-controller="appCtrl">
    
    <pre ng-bind="articles | json"></pre>
    
</div>

JavaScript

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

app.factory('Articles', [
    '$http',
    function($http) {
        
        var getSubreddit = function(sub) {
        
            var subreddit = sub || 'hot',
                url = 'http://reddit.com/' + subreddit + '.json?jsonp=JSON_CALLBACK';
            
            console.log(url);
            
            return $http({
                method: 'JSONP',
                url: url
            });
            
        };
        
        return {
            get: getSubreddit
        };
    }
]);

app.controller('appCtrl', function($scope, Articles) {
    
   Articles
       .get()
       .success(function(response) {
           console.log(response);
           $scope.articles = response;
       })
       .error(function(response) {
           $scope.articles = response;
       });
        
});