在为AngularJS的PHP中生成json数组时遇到问题

时间:2019-03-30 19:09:54

标签: javascript php angularjs codeigniter

打印角度http响应数组时遇到问题吗?

在codeigniter中在我的站点中打印阵列响应时遇到问题。我试图在选择选项中循环一个角度响应数组。当我打印响应数组时,该数组似乎格式正确,但是没有发生循环。

<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));            
}

如您所见,下面的{{ names }}打印以下数组

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

但是数组没有被用来创建带有值的选择选择器。 我是angularjs的新手,所以解决方案可能很简单,但我不明白。 任何帮助表示赞赏。 谢谢。

1 个答案:

答案 0 :(得分:2)

只需尝试

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