JSFiddle - React, Tailwind, and code Playground
by chikunova_nata
HTML
<script src="https://code.angularjs.org/1.4.0/angular.js"></script>
<script src="https://code.angularjs.org/1.4.0/angular-mocks.js"></script>
<div ng-controller="FetchController">
</div>
JavaScript
(function(angular) {
'use strict';
var fileReader = function($q) {
var readAsDataURL = function() {
//var deferred = $q.defer();
//https://api.github.com/users
return $http.get('https://api.github.com/users').then(function(response) {
return response.data;
});
// return deferred.promise;
};
var readAsArrayBuffer = function() {
var deferred = $q.defer();
$http.get('https://api.github.com/users').
success(function(result) {
defer.resolve(result);
});
return deferred.promise;
};
return {
readAsDataUrl: readAsDataURL,
readAsArrayBuffer: readAsArrayBuffer
};
};
var app = angular.module('httpExample', [])
.controller('FetchController', ['$scope', '$http', 'fileReader',
function($scope, $http, $fileReader) {
$fileReader.readAsDataURL()
.then(function(result) {
console.log(result)
});
$fileReader.readAsArrayBuffer()
.then(function(result) {
console.log(result)
});
}
]);
app.factory("fileReader", ['$q', function($q) {
var readAsDataURL = function() {
//var deferred = $q.defer();
//https://api.github.com/users
return $http.get('https://api.github.com/users').then(function(response) {
return response.data;
});
// return deferred.promise;
};
var readAsArrayBuffer = function() {
var deferred = $q.defer();
$http.get('https://api.github.com/users').
success(function(result) {
defer.resolve(result);
});
return deferred.promise;
};
return {
readAsDataUrl: readAsDataURL,
readAsArrayBuffer: readAsArrayBuffer
};
}]);
})(window.angular);