Having problem generating json array in PHP for AngularJS

Question

Having problem printing the angular http response array?

I'm having a problem printing the array response in my site in codeigniter. I'm trying to loop an angular response array in the select option. While I printed the response array the array seems to be in proper format but the looping is not happening.

<body>
  <div ng-app="app" ng-controller="ctrl">
    <select ng-model="selectedname" ng-options="x.id for x in names"></select>
    <table>
      <tr ng-repeat="x in names">
        <td>{{ x.id }}</td>
      </tr>
    </table>
    <!--<p>You selected : {{ selectedname.id }}</p><p>with color {{selectedname.id }}</p>-->
    <p>{{ names }}</p>
  </div>

</body>

<script>
  var app = angular.module('app', []);

  app.controller('ctrl', function($scope, $http) {
    $http.get("<?php echo base_url().'ap/load_data' ?>").then(function(response) {
      $scope.names = response.data.rec;
    });
  });
</script>

public function load_data(){
    
    $this->load->model('record');
    $data = $this->record->load_all();
    $out = '';
    
    foreach($data as $d){
        if($out){ $out .= ","; }
        $out .= "{'id': '".$d['id']."',";
        $out .= "'subname': '".$d['subname']."'}";
    }
    //$test = "{'rec' : [$out]}";
    $test = "[$out]";
    echo json_encode(array('rec' => $test));            
}

As you can see the below {{ names }} prints the following array

[
    {'id': '1','subname': 'melbourne'},
    {'id': '2','subname': 'sydney'},
    {'id': '3','subname': 'mumbai'},
    {'id': '4','subname': 'pune'},
    {'id': '5','subname': 'tokyo'},
    {'id': '6','subname': 'osaka'}
]

But the array is not getting used to create the select picker with the values. I'm new to angularjs so the solution might be simple but I'm not getting it. Any help is appreciated. Thanks.

Shouldn't it be ng-options="x as x.subname for x in names" — Alon Eitan
– Alon Eitan, Commented Mar 30, 2019 at 19:17

georgeawg · Accepted Answer · 2019-03-31 11:33:42Z

2

Just Try

$out =array();
foreach($data as $d){
    array_push($out, $d);        
}
echo json_encode(array('rec' => $out));

edited Mar 31, 2019 at 11:33

georgeawg

49k13 gold badges78 silver badges98 bronze badges

answered Mar 30, 2019 at 19:30

Rajkumar

1,0679 silver badges12 bronze badges

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

3 Comments

shubham kakade Over a year ago

It worked man thanks. Can you tell me what the problem was. I think my response array was not well structured was that it.

Rajkumar Over a year ago

Thank you.This line is value stored in string formate $out .= "{'id': '".$d['id']."',"; $out .= "'subname': '".$d['subname']."'}"; and your are stored one array and again you are tried to convert json value that is problem. so you are got it not well structured data

shubham kakade Over a year ago

okay, actually I was following a tutorial from a website. Thanks again.

Collectives™ on Stack Overflow

Having problem generating json array in PHP for AngularJS

Having problem printing the angular http response array?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Having problem printing the angular http response array?

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related