Skip to content

Instantly share code, notes, and snippets.

@gmittica

gmittica/index.html

Created October 6, 2017 10:10
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save gmittica/99a845d7cccda13faf2addc51a668505 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save gmittica/99a845d7cccda13faf2addc51a668505 to your computer and use it in GitHub Desktop.
Download ZIP
JS Bin // source http://jsbin.com/bisugav
Raw
index.html
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<script src="https://rawgit.com/angular/bower-angular/master/angular.min.js"></script>
<title>JS Bin</title>
</head>
<body ng-controller="myCtrl">
<script id="jsbin-javascript">
angular.module("myApp", [])
.service("ApiService", ['$http', function ($http) {
// 'https://jsonplaceholder.typicode.com/users'
var service = {};
service.getUsers = function() {
return $http.get('https://jsonplaceholder.typicode.com/users', {
params: {page: 1}
});
};
service.postUser = function(user) {
return $http.post('https://jsonplaceholder.typicode.com/users', user);
};
return service;
}])
.controller("myCtrl", ['ApiService', function (ApiService) {
ApiService.postUser({username: 'Joker'}).then();
//ApiService.getUsers().then();
}])
.config(['$httpProvider', function($httpProvider) {
$httpProvider.interceptors.push(function() {
return {
'request': function(config) {
var url = config.url.split("/");
var params = config.params;
console.log("ENDPOINT /" + url[url.length-1]);
if(params) {
console.log("PARAMS ", params);
}
return config;
},
'response': function(response) {
console.log("RESULT " + response.status);
return response;
}
}
})
}]);
</script>
<script id="jsbin-source-javascript" type="text/javascript">angular.module("myApp", [])
.service("ApiService", ['$http', function ($http) {
// 'https://jsonplaceholder.typicode.com/users'
var service = {};
service.getUsers = function() {
return $http.get('https://jsonplaceholder.typicode.com/users', {
params: {page: 1}
});
};
service.postUser = function(user) {
return $http.post('https://jsonplaceholder.typicode.com/users', user);
};
return service;
}])
.controller("myCtrl", ['ApiService', function (ApiService) {
ApiService.postUser({username: 'Joker'}).then();
//ApiService.getUsers().then();
}])
.config(['$httpProvider', function($httpProvider) {
$httpProvider.interceptors.push(function() {
return {
'request': function(config) {
var url = config.url.split("/");
var params = config.params;
console.log("ENDPOINT /" + url[url.length-1]);
if(params) {
console.log("PARAMS ", params);
}
return config;
},
'response': function(response) {
console.log("RESULT " + response.status);
return response;
}
}
})
}]);
</script></body>
</html>
Raw
jsbin.bisugav.js
angular.module("myApp", [])
.service("ApiService", ['$http', function ($http) {
// 'https://jsonplaceholder.typicode.com/users'
var service = {};
service.getUsers = function() {
return $http.get('https://jsonplaceholder.typicode.com/users', {
params: {page: 1}
});
};
service.postUser = function(user) {
return $http.post('https://jsonplaceholder.typicode.com/users', user);
};
return service;
}])
.controller("myCtrl", ['ApiService', function (ApiService) {
ApiService.postUser({username: 'Joker'}).then();
//ApiService.getUsers().then();
}])
.config(['$httpProvider', function($httpProvider) {
$httpProvider.interceptors.push(function() {
return {
'request': function(config) {
var url = config.url.split("/");
var params = config.params;
console.log("ENDPOINT /" + url[url.length-1]);
if(params) {
console.log("PARAMS ", params);
}
return config;
},
'response': function(response) {
console.log("RESULT " + response.status);
return response;
}
}
})
}]);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment