更新数据库中的前端字段

Question

我在 Angular 和 Spring 中有一个项目，我正在其中实施 CRUD 操作，但我在更新数据库中的字段时遇到问题。

我的问题：如何将 ts 函数与服务通信以将新数据发送到后台并更新数据库？

这是我的 service.ts 编辑功能：

public edit(cliente: Cliente): Observable<Cliente> {
      console.log('edit: ' + `${PREFIX}/${cliente.id}`, cliente);
      return this.http.post<Cliente>(`${PREFIX}/${cliente.id}`, cliente);
    }

这是我目前在 ts 中保存更改的功能，但我不知道如何与服务通信以将新数据发送给它：

saveEdit() {
    this.editIndex = -1;
  }

Answer 1

您必须在您的组件上导入您的服务。 ej

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.scss']
})
import {MyService} from 'path/to/my-service.ts';
export class EditComponent{
constructor(private myService: MyService){}
}

然后在saveEdit方法中使用，ej

saveEdit():void {
const client = .....; // I dont know how do you get this, maybe from a form like `this.myForm.value`
 this.myService.edit(client).subscribe({ next:(response) => {
console.log(response);
// Here the success response
}, error: (e) => {
console.log(e);
// Here on error
} });
}

PS。我英语说得不太好

更新数据库中的前端字段

Update front fields in the database

crud

angular-material

angular