Ionic/Angular App not reading json data from api

Question

I'm writing an Ionic app to read some data from a web API I created with asp.net MVC4. The Ionic app reads the data just fine when I'm hosting it on my local machine but the angular factory does not return anything when I try to read from the web API when it is published on Azure. Is there any logical reason why this wouldn't work when it is published to Azure?

The json string is the same on both when i visit the local and azure site.

[{"ID":1,"Name":"Fireworks","Time":"2015-11-30T21:00:00","Comments":"Be there by 8:00"},
{"ID":2,"Name":"Haircut","Time":"2015-11-30T21:00:00","Comments":"Be there by 8:00"}]

Here is the code for my angular factory

.factory('EventsFactory', ['$http', function($http) {
  return $http.get('webAPI link here')
      .success(function(data) {
        return data;
      })
      .error(function(err) {
        return err;
      });
}])

Here is the code for my angular controller

.controller('EventCtrl', ['$scope', 'EventsFactory', function($scope,     EventsFactory) {
    EventsFactory.success(function(data){
        $scope.activities = data;
    });
}])

Here is the code for my view

  <div class="list card" ng-controller="EventCtrl">
      <div class="item item-divider">Upcoming Events</div>
      <div class="item item-body" ng-repeat="activity in activities">
        <div>{{activity.Name}}</div>
      </div>
  </div>

And when you look at the network tab of your browser, is the request sent correctly ? And does it return something ? — benek
– benek, Commented Jun 29, 2015 at 13:32

Sandeep · Accepted Answer · 2015-06-29 05:02:50Z

1

Why you add success method with Controller and factory. add success method only controller. like

.factory('EventsFactory', ['$http', function($http) { return $http.get('webAPI link here'); }])

answered Jun 29, 2015 at 5:02

Sandeep

1,4791 gold badge13 silver badges27 bronze badges

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

Comments

Karan Kumar · Accepted Answer · 2015-06-29 05:13:49Z

1

In your controller, you need to use then

EventsFactory().then(function(data){
                $scope.activites = data;
})

answered Jun 29, 2015 at 5:13

Karan Kumar

2,66521 silver badges36 bronze badges

Collectives™ on Stack Overflow

Ionic/Angular App not reading json data from api

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related