javascript - 返回 ion-item 的 ajax 数据循环

Question

我有一个包含用户 ID、名称等的循环...来自 json，如何在 ionic 的 ListView 中输入这些数据？当我在 javascript 中使用直接警报时，它可以正常工作并返回用户，但是当返回 ng-repeat 时，它只返回一个用户。

必须来自列表，例如

用户1
用户2
用户3

...

有人能给我一盏明灯吗，我对 ionic 和 AngularJS 很陌生，非常感谢你。

我的ajax

$.ajax({

  type : 'POST',
  data : formula,
  url : 'http://localhost/melleve/mt.php',
  success : function(data){

  var retorno = JSON.parse(data);    

$.each(retorno, function(index, value) {

var nome = value.nome;
var id = value.id;

var cli = [ { nome: nome, id: id } ];

$scope.clientes = cli;

  });

  },

})


}

我的 ng-repeat

<ion-list>

        <ion-item ng-repeat="cli in clientes">

          <p>{{cli.nome}}</p>
          <p>{{cli.id}}</p>

        </ion-item>

       </ion-list>

Answer 1

不要混淆jQuery代码为 AngularJS ，如果您从 jQuery 修改 Angular 范围变量(特别是异步)，这会弄乱 Angular 摘要系统。您将不会在 View 中获得更新的绑定(bind)。因为任何东西都在 Angular 世界之外运行，所以 Angular 摘要系统不会为其启动摘要循环，因此生成的绑定(bind)不会在 View 上更新。

您应该使用$http进行ajax调用的服务，而不是混合$.ajax Angular 。所以通过使用$http包装服务，您将获得绑定(bind)更新的绑定(bind)，如 $http每当 ajax 调用时，服务方法都会启动摘要周期 succeed/fail

代码

$http.post('http://localhost/melleve/mt.php', formula).then(function(response) {
    var retorno = response.data;
    $.each(retorno, function(index, value) {
        var nome = value.nome;
        var id = value.id;
        var cli = [{
            nome: nome,
            id: id
        }];
        $scope.clientes = cli;
    });
});