angularjs GET url when loading view

Question

Trying to make an API call when loading one of my views.

controllers.controller("detailsCtrl", ["$scope", "$routeParams", "$filter", "$http", function($scope, $routeParams, $filter, $http) {

  $scope.getCurrent = function(url, id, callBack, apiCall, promise) {
    var url = "api.openweathermap.org/data/2.5/weather?id=2172797";
    var id = "&appid=d436c04d23a5a44329eb8255190a84be";
    var callBack = "&callback=JSON_CALLBACK";
    var apiCall = url += id += callBack;
    var promise = $http.jsonp(apiCall);
    promise.success(function(response) {
      $scope.current = response.current;
      console.log($scope.current);
    });
  };

  $scope.cityName = $filter("filter")($scope.data.list, {
    id: $routeParams.cityId
  })[0];

}]);

using ng-init in the html

      <div ng-controller="detailsCtrl" ng-init="getCurrent()">
    <h1>{{ cityName.name }}</h1>
      <tr>
        <td>lat: {{cityName.coord.lat}}, lon: {{cityName.coord.lon}}</td>
        <td>{{}}</td>
        <td>{{}}</td>
        <td>{{}}</td>
        <td>{{}}</td>
        <td>Clouds: {{cityName.clouds.all}}</td>
        <td>{{}}</td>
        <td>{{}}</td>
      </tr>

  </div>

Keep getting: http://localhost:8080/api.openweathermap.org/data/2.5/weather?id=2172797&appid=d436c04d23a5a44329eb8255190a84be&callback=angular.callbacks._1 , any ideas why?

note Also making another API call in my mainview before the user navigates to the detail view. Tried ng-click when the user switches view, but it didnt make the call at all.

are you ever tried making the call at the resolve parameter on the route? — Fernando Del Olmo
– Fernando Del Olmo, Commented Oct 18, 2016 at 14:20
can you add html code. I cannot unterstand what you want to do exactly? — BERGUIGA Mohamed Amine
– BERGUIGA Mohamed Amine, Commented Oct 18, 2016 at 14:30

ritz · Accepted Answer · 2016-10-18 16:28:47Z

2

I am using angular2 than angularjs, but believe your problem is more related to not a proper http request. I have just worked out your sample in a plunkr: http://plnkr.co/edit/rOZOyAcAuVcTr3njqKfH?p=preview

getData: function () {
          var obj = {};
          var jsonData = JSON.stringify({ obj: obj }); //For POST
          var req = {
              method: 'POST',
              url: 'http://api.openweathermap.org/data/2.5/weather?id=2172797&appid=d436c04d23a5a44329eb8255190a84be',
          };
          return this.http.post(req.url, req.data, req)
          .toPromise()
          .then(function (response) {
              return response;

          });
      }

There could be one obvious reason that your url is relative to your solution.

Hope this will help.

Thanks

answered Oct 18, 2016 at 16:28

ritz

362 bronze badges

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

Comments

Aravind · Accepted Answer · 2016-10-18 14:42:35Z

2

Please change the url as below and

var url = "http://api.openweathermap.org/data/2.5/weather?id=2172797";

as your not able to find the url. In your call it will make the url to get appended from the current URL.

answered Oct 18, 2016 at 14:42

Aravind

41.7k16 gold badges97 silver badges111 bronze badges

3 Comments

Znowman Over a year ago

right, forgott the http, now i'm getting undefined in the console, only the first API call is logged in the console.

Znowman Over a year ago

Yes marked it, was the http:// and (response) in the parameter should have been set to current.

Aravind Over a year ago

That was not your question!

Collectives™ on Stack Overflow

angularjs GET url when loading view

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related