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

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进行输入，然后您可以在完成时将新值存储在数据库中。