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.
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>