JSFiddle - React, Tailwind, and code Playground

by Chandana Thota

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.16/angular-resource.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
    <p>{{userDetail}}</p>
</div>
<br />

JavaScript

//angular.js example for factory vs service
var app = angular.module('myApp', []);

//Service
app.factory('testFactory', function ($http) {
    var obj = {};
    obj.fetchUserDetails = function () {
        return $http.get('http://maps.googleapis.com/maps/api/geocode/json?latlng=47.6210052,-122.13401280000001&sensor=true');
    }
    return obj;
});

//Controller
app.controller('myCtrl', function ($scope, testFactory) {
    testFactory.fetchUserDetails().success(function (response) {
        $scope.userDetail = response;
    });
});