Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

213
Views
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 answers
Answer question

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 Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!