mysql - 如何根据 JSON 中的名称将 ID 号从 Angular 传递到 Spring

Question

我遇到了一个真正让我放弃的问题。我想要得到的逻辑是根据配方(名称和 ID)下订单。我得到的 JSON 如下所示:

[
  {
"recip_id": 1,
"quantity": 500,
"price": 8.9,
"quantity_item": 0.5,
"name": "Carrot juice 100%",
"orders": [
  {
    "orders_id": 1,
    "date": "2019-05-11T22:00:00.000+0000"
  }
 ]
}
]

我需要得到的是在配方的 Angular 组件名称中显示(如胡萝卜汁)，从下拉列表中制作(可选择)，并根据该名称将配方的 Id(“recip_id”)传递回组件并作为外键“recip_recip_id”放入订单表中。

我最好的尝试(我对 Angular 不太擅长)是:

  <br><br><br>
      <select class="form-control" [(ngModel)]="order.recip_id" placeholder="id" name="id" class="form-control" id="id">
            <option *ngFor="let item of recips" 
                   [value]="recip_id"
                   [selected]="recip_id === 'item.recip_id'">
                {{ item.name }}
                
                 <input type="text" [(ngModel)]="order.name"  value="{{ item.recip_id }}" name="recipId"  > 
            </option>
          </select>
  <ng-container>

      <br><br><br>
      <button class="btn btn-success" (click)="createOrders()">Save</button>

成功的是我得到了基于“recip.name”的下拉列表，但现在我必须将所选名称的 Id 值传递给订单。至于现在我收到错误:

error: "Internal Server Error"

​​消息:“无法执行语句；SQL [不适用]；

表格如下所示:

Field,Type,Null,Key,Default,Extra
orders_id,bigint(20),NO,PRI,NULL,auto_increment
date,datetime(6),YES,,NULL,
recip_recip_id,bigint(20),NO,MUL,NULL,

Answer 1

您绑定(bind) select 元素的方式不正确，您使其过于复杂。我建议您只需将选定的对象保存在组件中，并使用该对象的 id 创建新的 SQL 条目。

这是一个Stackblitz让你明白我的意思

这一切都假设问题来自 Angular 逻辑而不是 SQL 实现。