Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

214
Vistas
Angular 12: establezca y obtenga valor de un cuadro de texto en un registro dentro de la cuadrícula

Como título.
Permítanme usar un ejemplo para explicar lo que quiero. Supongamos que soy profesor y tengo un conjunto de puntajes de exámenes de estudiantes como este:

 [ {"name":"John","score":88}, {"name":"Andy","score":80}, {"name":"Mary","score":93}, {"name":"Sandra","score":76}, {"name":"Thomas","score":55}, {"name":"Peter","score":69} ]

Quiero mostrarlo dentro de una cuadrícula con un campo de puntaje que se muestra en un área de entrada que puedo editar para cambiar el puntaje del estudiante. Y necesito obtener el puntaje modificado de un estudiante. Puedo hacer mi página como esta:

 <table class="table"> <thead> <tr> <th scope="col">Name</th> <th scope="col">Score</th> </tr> </thead> <tbody> <tr *ngFor="let stu of students"> <td>{{stu.name}}</td> <td>{{stu.score}}</td> </tr> </tbody> </table>

Entonces no sabía cómo hacer que la partitura se pueda editar y cómo obtener el valor editado de un registro determinado. ¿Alguien podría orientarme sobre la forma de conseguirlo? Busqué usar la palabra clave "conjunto angular y obtener entrada dentro de la cuadrícula", pero encontré que algunos no coincidían con lo que necesitaba y algunos usan Angular.js más antiguos y pueden no ser adecuados para mi solicitud.

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Puede lograrlo así ngModel actualizará automáticamente a los estudiantes;

 <table class="table"> <thead> <tr> <th scope="col">Name</th> <th scope="col">Score</th> </tr> </thead> <tbody> <tr *ngFor="let stu of students"> <td><input [(ngModel)]="stu.name"></input></td> <td><input [(ngModel)]="stu.score"></input>}</td> </tr> </tbody> </table>
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda