Question

我有收藏玩家和收藏团队。我想向团队中添加负载球员。

在创建团队的HTML中，我从播放器加载数据，用户可以选择加载播放器：

<mat-form-field>
  <mat-select placeholder="Goalkeepers" formControlName="goalkeeper">
    <mat-option *ngFor="let player of goalkeepers" [value]="player">
      {{player.name}} {{player.surename}} ({{player.price}}M)
    </mat-option>
  </mat-select>
  <mat-error *ngIf="form.get('goalkeeper').invalid">Pleasse enter a goalkeeper.</mat-error>
</mat-form-field>

然后在user.component.ts中保存数据。这是将播放器中的数据加载到HTML：

 this.playersService.getPlayersForTeam();
    this.playersSub = this.playersService
    .getPlayerUpdateListener()
    .subscribe((playerData: {players: Player[]}) => {
      this.players = playerData.players;
    });

这是将数据保存到数据库：

onSaveUserTeam() {
      this.userTeamsService.addUserTeam(
        this.form.value.name,
        this.form.value.goalkeeper,
        this.form.value.goalkeeper_sub,
        this.form.value.midfielder1,
          ... etc ...
      );

我没有错误地将数据发送到数据库。当我只有这个输入时：

<input matInput type="text" formControlName="goalkeeper" placeholder="UserTeam goalkeeper">
  <mat-error *ngIf="form.get('goalkeeper').invalid">Please enter a userTeam goalkeeper.</mat-error>
</mat-form-field>

就像文本一样，当我写一些东西输入然后发送到数据库时，一切都很好。但是现在，当我从玩家集合中进行玩家选择时，我会在数据库中得到如下内容：

{
  _id: ObjectId('5c7ecdd75c09e23d903f1bb9')
  name: "Test"
  goalkeeper: "[object Object]"
  goalkeeper_sub: "[object Object]"
}

这是一个问题，因为我需要具有相同的特定玩家详细信息，例如playerID，以便以后用于编辑团队等... 将数据保存到数据库中，我做错了什么？谢谢您的帮助！

Answer 1

看起来Angular序列化对象的方式不应该以序列化的方式进行。也许您将错误的值从表单传递给此方法。

我建议您重构addUserTeam方法，以便它接受需要上载的单个对象并完全删除表单数据。

addUserTeam(userTeam: UserTeam) {
    this.http.post('http://localhost:3000/api/userteams', userTeam);
}

UserTeam是一个类/接口，其中包含屏幕快照中附加的所有属性。

从mat-select中将数据保存到数据库MongoDB

1 个答案: