如何将编辑表单的值与对象数组绑定为角度5？

Question

我有一个Student对象的数组。界面看起来像这样：

interface Student {
  title: string;
  firstName: string;
  lastName: string;
  dob: string;
  age: number;
}

我要编辑title，firstName和lastName。

表格将包含学生对象数组。从db获取的对象中已经有一些数据。title是一个下拉列表，firstName和lastName是文本框。

将有一个保存按钮，单击该按钮时应将表格的值捆绑并通过Student[]发送到打字稿。

我该如何实现？

Answer 1

映射数组，克隆对象并更改您必须更改的内容：

   const students = getFromDatabase().map((student: Student) => ({
        ...student,  
            firstName: 'fn',
            lastName: 'ln',
            title: 'other title'
    }));