Setting up the Header Using Http to get the Json file - json

Question

I do have a working table using JSON and angular, I set up my $http header to get the Json in the particular .api, I run it but nothings appear in getting my Json file in the $Http.get, I would like to ask if this is a valid header, I mean is there something wrong with my delimeter?
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.0/angular.min.js"></script>
<script type="text/javascript">
var myTable=angular.module('myTable',[]);
myTable.controller('tableCtrl',function($scope,$http){
$http.get ("http://staging.api.sample.com/events.json", {header: {Authorization: 'vsdnmsndjednmsdnjemsdjendmsdnjeNmJHMN'}}); .success(function(response) {
debugger
$scope.members=response.events;
$scope.totals = response.paging;
});
});

Answer 1

Remember about correct style guide. It should help you. Also check this link https://github.com/johnpapa/angular-styleguide/
(function {
'use strict';
angular
.module('myTable', [])
.controller('tableCtrl', tableCtrl);
tableCtrl.$inject = ['$scope', '$http'];
function tableCtrl($scope, $http) {
$http.get("http://staging.api.sample.com/events.json", {
header: {
Authorization: 'vsdnmsndjednmsdnjemsdjendmsdnjeNmJHMN'
}
}).then(function(response.data) {
$scope.members = response.data.events;
$scope.totals = response.data.paging;
}).catch(function(error) {
});
});
}());
This query is wrong:
$http.get("http://staging.api.sample.com/events.json", {
header: {
Authorization: 'vsdnmsndjednmsdnjemsdjendmsdnjeNmJHMN'
}
}
You can pass parametes by get building query like this one:
$http.get("http://staging.api.sample.com/customer/1") or
$http.get("http://staging.api.sample.com/customer/" + some_param). If you would like to send some object to you API you should use POST. For example:
$http.post("http://staging.api.sample.com/events.json", {object});