AngularJS $ Http服务到GET json没有显示

Question

Trying to get json data. Originally created an ajax requests that works in a regular html page but not in my angular app so I decided to try the built in $http get function. I get no errors with this, however, my ajax data does not come in, though in console log it shows the GET worked.

My php displays an encoded json object array which shows up fine when i browse right to it.

My controller looks like:

    apDash.controller('fieldopmgrController', function($scope,$http){
        $http.get('protected/getHeadObs.php')
            .success(function( data, status, headers, config ) {
        $scope.flights = data.flightid;
           });  
    });

My view looks like:

    <div class="small-5 columns"> 
       <label>Flight ID
          <select name="fliID" class="radius">
          <option ng-repeat="flight in flights">{{flight.flightid}}</option>
          </select>
       </label>
    </div>

My json looks like:

image updated!

Again, i get absolutely no errors in my console log but yet my view does not work. Been toying with AngularJS for a few months but this is my first time im using the $http service. Any help with getting it to show up/advice on what im doing wrong would be great. Thanks in advance.

Answer 1

I'm going to go ahead and guess that your ajax response didn't have a flightid property located on a flightid property. Have you tried {{ flight }} ? Also, in order for the ng-repeat to work, you need to assign an array of objects to $scope.flights

Answer 2

It's hard to tell without looking at the JSON output, but it seems like this line is incorrect:

$scope.flights = data.flightid;

Did you mean to say?

$scope.flights = data;

Answer 3

I was able to solve this problem by encoding my row's in json. As stated above in many of the comments, my json was not formatted correctly. In my service I went in and encoded each row individually and it worked like a charm.