Angular中$ http.get的动态网址,将表单中的数据加载到网址

时间:2017-08-28 17:39:09

标签: angularjs

我有一个Angular控制器

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

我为同一个模块安装了第二个控制器:

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

在我的HTML中,我有一个链接到该控制器的表单,我成功地可以更改$ scope.date的值。我现在需要的是从$ scope.date获取值并将这些值加载到http调用中的url中。 我硬编码的示例网址是2000-01-03。 但我不想使用这些硬编码值,我希望使用$ scope.date中的值

1 个答案:

答案 0 :(得分:1)

这样做

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

或更好

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

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