返回离子项的 ajax 数据循环

Returning ajax data loop for ion-item

本文关键字:ajax 数据 循环 返回      更新时间:2023-09-26

我有一个带有用户 id、名称等的循环......从 JSON 中,如何在 Ionic 的列表视图中输入这些数据?当我在 javascript 中使用直接警报时,它可以正常工作并返回用户,但当返回 ng-repeat 时,它只返回我一个用户。

必须来自列表,例如

用户 1
用户 2
用户 3

有人可以给我一个灯,我对离子和AngularJS很陌生,已经非常感谢你了。

我的阿贾克斯

$.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-重复

<ion-list>
        <ion-item ng-repeat="cli in clientes">
          <p>{{cli.nome}}</p>
          <p>{{cli.id}}</p>
        </ion-item>
       </ion-list>
不要

jQuery代码与AngularJS混淆,如果你从jQuery修改角度范围变量(特别是异步),这会弄乱角度摘要系统。您将不会在视图上获得更新的绑定。因为任何东西都在角度世界之外运行,所以角度摘要系统不会为它启动摘要周期,生成的绑定不会在视图上更新。

您应该使用$http服务进行 ajax 调用,而不是将$.ajax与 angular 混合使用。因此$http通过使用包装器服务,您将获得绑定更新的绑定,因为每当 ajax 调用$http服务方法都会触发摘要周期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;
    });
});