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

Перебрать массив Json в Angularjs

  • 772

Я хотел бы знать, как получить в angular 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