javascript - 在 PHP 中为 AngularJS 生成 json 数组时出现问题

标签 javascript php angularjs codeigniter

打印 Angular http 响应数组时遇到问题?

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

<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 的新手,所以解决方案可能很简单,但我不明白。 任何帮助表示赞赏。 谢谢。

最佳答案

试试看

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

关于javascript - 在 PHP 中为 AngularJS 生成 json 数组时出现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55434840/

相关文章:

javascript - 获取单词和行尾之间的文本

javascript - 我需要连接我的数据库然后将其显示在网页上

php - 如何在 PDO 中绑定(bind)当前列值?

php - 如何获取与我的不匹配的mysql查询的id?

ruby-on-rails - 是否可以在没有 Karma 的情况下测试 Angular?

javascript - 在 ng-repeat 内添加条件附加 div

javascript - 组合百分比+像素div布局

javascript - 如何将 const reactjs 组件转换为基于类的

用于生成具有给定名称和大小的随机数据的文件的 PHP 脚本?

AngularJS 'ng-filter' 在约 1000 个元素的数组上非常慢