Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!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">
​
</body>
</html>
 
angular.module("myApp", [])
.config(['$httpProvider', function($httpProvider) {
  
  $httpProvider.interceptors.push(function() {
    return {
      request: function(config) {
        console.log("My endpoint /" + config.url.split("/").pop());
        return config;
      },
      responseError: function(response) {
        console.log("NOOOO! Error " + response.status);
        return response;
      }
    };
  });
  
}])
.run(['$http', function($http) {
  $http.defaults.headers.common.Authorization = "Basic xyz";
}])
.service("ApiService", ['$http', function ($http) {
  var service = {};
  
  service.getUsers = function() {
    return $http.get('https://jsonplaceholder.typicode.com/usersxxx');
  };
  
  service.postUser = function(user) {
    return $http.post('https://jsonplaceholder.typicode.com/users', user);
  };
      
  return service;
}])
​
.controller("myCtrl", ['ApiService', function (ApiService) {
  ApiService.getUsers();
}])
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
;
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
gmitticapro
0viewers