¿Cómo obtener los detalles usando ng-repeat en AngularJS?

AngularJS consta de varios tipos de Directivas predefinidas. La mayoría de las directivas comienzan con ng, donde ng es equivalente a Angular.

ng-repeat:
la directiva ng-repeat se usa para iterar sobre un objeto por sus propiedades. Una plantilla se instancia una vez que es un elemento de una colección. Cada plantilla tiene su propio alcance donde la variable de bucle se establece en el elemento de colección actual y $index se establece en una clave o el índice del elemento.
Sintaxis

<element ng-repeat="(key, value) in Obj"></element>

donde la clave y el valor se pueden usar como un identificador definido por el usuario en una expresión.
Ejemplo: – Este ejemplo muestra el uso de la directiva ng-repeat.

<!DOCTYPE html>
<html>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
</script>
<body ng-app="myTable">
<h2 style = "color:green">GeeksForGeeks</h2>
  
<table ng-controller="control" border="2">
<tr ng-repeat="x in records">
  <td>{{x.Country}}</td>
  <td>{{x.Capital}}</td>  
</tr>
</table>
  
<script>
var app = angular.module("myTable", []);
app.controller("control", function($scope) {
  $scope.records = [
    {
      "Country" : "India",
      "Capital" : "Delhi"
    },
    {
      "Country" : "America ",
      "Capital" : "Washington, D.C. "
    },
    {
      "Country" : "Germany",
      "Capital" : "Berlin"
    },
    {
      "Country" : "Japan",
      "Capital" : "Tokyo"
    }
  ]
});
</script>
  
</body>
</html>

Producción:

    Publicación traducida automáticamente

    Artículo escrito por rajatrathi y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

    Deja una respuesta

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *