可编辑字段已保存到数据库

Question

我有这个可编辑的字段。我需要它来保存新数据并将其存储在数据库中。 HTML：

<ng-container *ngIf="groupedVolumes">
                        <ng-container *ngFor="let model of groupKeys() | slice:-3" >
                            <tr>
                                <th class="model">{{ carValues(model)[0].model }}</th>
                                <ng-container *ngFor="let value of carValues(model)">
                                    <td contenteditable='true' class="data">
                                        {{ value.scheduledVolume }}
                                    </td>
                                </ng-container>
                            </tr>
                        </ng-container>                
                    </ng-container>

HTML数据显示可编辑字段。 这是保存按钮：

<div class="row">
    <div class="col-auto">
        <button
        type="submit"
        class="btn btn-success mx-1"
        onclick="saveData()">Save
        </button>
    </div>
</div>

Answer 1

这不是一个好方法。 使用输入（可能是type =“ text”）作为输入形式（使用角度形式api），然后可以在完成后将新值存储在数据库中。