Home / Questions / 4792
Accepted
Dimoreno
Asked: 2020-02-26 15:20:02 +0800 CST 2020-02-26 15:20:02 +0800 CST

在Angularjs中循环遍历Json数组

  • 772

我想知道如何在角度 js 中获得每件事的相似之处。到目前为止，我可以得到这个名字，但不是它的平行。你能帮我吗？我有以下 JSON：

 [
  {
    "num": "125",
    "nom_coe": "Matematicas",
    "variacion": " ",
    "creditos": "2",
    "grupo_creditos": "",
    "paralelos": [
      {
        "paralelo": "B",
        "dia": "s/d",
        "aula": "NO ASIGNADA",
        "hora_inicio": "12:00:00",
        "hora_fin": "12:00:00"
      }
    ]
  },
  {
    "num": "855",
    "nom_coe": "Historia",
    "variacion": " ",
    "creditos": "4",
    "grupo_creditos": "Genérica",
    "paralelos": [
      {
        "paralelo": "A",
        "dia": "Martes",
        "aula": "NO ASIGNADA",
        "hora_inicio": "10:00:00",
        "hora_fin": "13:00:00"
      }
    ]
  },
  {
    "num": "255",
    "nom_coe": "Lengua",
    "variacion": " ",
    "creditos": "3",
    "grupo_creditos": "",
    "paralelos": [
      {
        "paralelo": "A",
        "dia": "Jueves",
        "aula": "NO ASIGNADA",
        "hora_inicio": "07:30:00",
        "hora_fin": "10:00:00"
      }
    ]
  }
]

这是我的代码：

$scope.datosComp=data;
    var length = $scope.datosComp.length;
    for ( i=0; i < length; i++) {  
      alert($scope.datosComp[i].nom_coe);
    };

我如何获得相似之处？

javascript

3 Answers

  1. Angular 有一个angular.forEach. 此方法调用它为数组中的每个元素接收的函数，并将有问题的元素作为参数传递。 

    angular.forEach($scope.datosComp, function(materia) {
  // aquí pones todo el código que quieras para esta única materia.
  console.log("Materia:", materia.nom_coe);

  angular.forEach(materia.paralelos, function(paralelo) {
    // aquí pones todo el código que quieras para este único paralelo de
    // esta única materia.
    console.log("  - Paralelo:", paralelo.paralelo, paralelo.dia, materia.creditos);

  });

});
    • 4
  2. Best Answer

    怎么样了

    $scope.datosComp = data;
var length = $scope.datosComp.length;
for (i = 0; i < length; i++) {
  alert($scope.datosComp[i].nom_coe);
  for (j = 0 j < $scope.datosComp[i].paralelos.length; j++) {
    alert($scope.datosComp[i].paralelos[j].paralelo); //console.log() es mejor :)
  }
};
    • 2

  3. 如果我正确理解了您的问题，您可以尝试以下操作（例如，如果您要在 中显示它.html）：

    function myCtrl($scope){
$scope.faq = [
  {
    "num": "125",
    "nom_coe": "Matematicas",
    "variacion": " ",
    "creditos": "2",
    "grupo_creditos": "",
    "paralelos": [
      {
        "paralelo": "B",
        "dia": "s/d",
        "aula": "NO ASIGNADA",
        "hora_inicio": "12:00:00",
        "hora_fin": "12:00:00"
      }
    ]
  },
  {
    "num": "855",
    "nom_coe": "Historia",
    "variacion": " ",
    "creditos": "4",
    "grupo_creditos": "Genérica",
    "paralelos": [
      {
        "paralelo": "A",
        "dia": "Martes",
        "aula": "NO ASIGNADA",
        "hora_inicio": "10:00:00",
        "hora_fin": "13:00:00"
      }
    ]
  },
  {
    "num": "255",
    "nom_coe": "Lengua",
    "variacion": " ",
    "creditos": "3",
    "grupo_creditos": "",
    "paralelos": [
      {
        "paralelo": "A",
        "dia": "Jueves",
        "aula": "NO ASIGNADA",
        "hora_inicio": "07:30:00",
        "hora_fin": "10:00:00"
      }
    ]
  }
];
}

    <div data-ng-app data-ng-controller="myCtrl">
    <div ng-repeat="f in faq">
      <div ng-repeat="f1 in f.paralelos">
             {{f1.paralelo}}
      </div>
    </div>
</div>

    http://fiddle.jshell.net/44ayLk16/

    例如，如果我想要开始时间，我只需要使用这样的东西：

    {{ f1.hora_inicio }}

    您使用的设置.nom_coe可能是这样的：

    <div data-ng-app data-ng-controller="myCtrl">
    <div ng-repeat="f in faq">
             {{ f.nom_coe }}
      <div ng-repeat="f1 in f.paralelos">
             {{ f1.paralelo }}
      </div>
    </div>
</div>

    http://fiddle.jshell.net/aj0hvdmw/

    • 1