dynamic url for $http.get in Angular, load data from a form into the url

Question

I've got an Angular controller

 myApp.controller('DateController', function ($scope) {
   $scope.date = {year: '2017', month: '08', day: '28'};
 });

I've got a second controller for the same module:

myApp.controller('rateList', ['$scope', function ($scope, $http) {
  $http.get('http://api.fixer.io/2000-01-03')
        .success(function (data) {
            $scope.rates = data.rates;      
        });
 }]);

In my HTML I've got a form linked to that controller, and I successfully can change the values of $scope.date. What I need now is to take the values from $scope.date and have those loaded into the url in the http call. The example url I hardcoded was 2000-01-03. But I do not want to use these hardcoded values, I wish to use the values from $scope.date

Why not just append it? "http://api.fixer.io/" + $scope.date.year + "-" + $scope.date.month + "-" + $scope.date.day — Kyle
– Kyle, Commented Aug 28, 2017 at 18:04

Rahul Arora · Accepted Answer · 2017-08-28 17:51:17Z

1

This will do

$http.get('http://api.fixer.io/' + $scope.date.year + '-' + $scope.date.month + '-' + $scope.date.day)

or better

var dateString =  $scope.date.year + '-' + $scope.date.month + '-' + $scope.date.day;

$http.get('http://api.fixer.io/' + dateString)
//your remaining code

answered Aug 28, 2017 at 17:51

Rahul Arora

4,5431 gold badge19 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

dynamic url for $http.get in Angular, load data from a form into the url

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related