Dot Net Developer Notes: Consume rest api from angularJS

Includes

https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"

"https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular-resource.js"

Angular js Script

1) Here ngResource module is included to get $resource service

var app=angular.module('mymodule',['ngResource']);

2) We created service instance using factory

3) please note web method here Weather and query string parameter is q

4) send resource parameters we used @placedetails parameter

app.factory('TestService',function($resource)

{

return $resource("http://api.openweathermap.org/data/2.5/weather",{method:'Weather',q:'@placedetails'},{'query':{method:'Get'}});

}

);

5) Create a controller to access the service

app.controller("mycontroller",['$scope','TestService',function($scope,TestService){

6) create a function refresh to refresh the service

$scope.refresh= function()

{

var placedetails=$scope.placedetails;

TestService.query({q:placedetails},function(data){

$scope.weatherdata=data ;

console.log($scope.weatherdata);

});

}

}]);

7) Please note we passed resource parameter in the format q:placedetails

8) HTML part