Entradas

Mostrando entradas de julio, 2021

Creando tablas con Angular

¡Hola a todos! En esta ocasión os traigo una funcionalidad que nos va a ahorrar mucho tiempo a la hora de rellenar datos en las tablas de nuestras páginas web. Para ello necesitaremos las librerías de angular, que se pueden descargar desde su página web . Lo siguiente que tenemos que hacer es inicializar una variable que contendrá todos los valores que queremos mostrar en nuestra tabla. $scope.variable = [ {id: 1, nombre: "Uno"}, {id: 2, nombre: "Dos"}, {id: 3, nombre: "Tres"}, {id: 4, nombre: "Cuatro"} ]; A continuación, en nuestro fichero HTML, haremos uso de ng-repeat para que se rellenen todas las filas de la tabla. Id Nombre {{valor.id}} {{valor.nombre}} Y este sería el resultado: See the Pen Tablas con Angular by Eva ( @evapikachu ) on CodePen .