Primeng Datatable 4.3：缺少单元格编辑器内容

Question

我正在使用primeng 4.3

我已经编码了这个原始数据表：

<form>
  <p-dataTable [value]="quotes | async" [editable]="true">
    <p-column *ngFor="let col of cols" [field]="col.field" 
      [header]="col.header" [editable]="col.editable">
      <ng-template let-col let-quote="rowData" pTemplate="editor">
        <p-spinner size="30" [(ngModel)]="quote[col.field]" name="quote"></p-spinner>
      </ng-template>
    </p-column>
  </p-dataTable>
</form>

如您所见，我正在使用微调框编辑器来编辑每个单元格值：

当我要编辑任何一个单元格时，都会出现问题：

您可以看到内容不见了。

您可以查看此Stackblitz project。

有什么想法吗？

Answer 1

如果您没有错字，这实际上应该可以正常工作。例如：[field]="col.field，并且没有正确关闭<p-spinner>

更正的代码：

<p-dataTable [value]="quotes | async" [editable]="true">
  <p-column *ngFor="let col of cols" [field]="col.field"
    [header]="col.header" [editable]="true">
    <ng-template let-col let-quote="rowData" pTemplate="editor">
      <p-spinner size="30" [ngModelOptions]="{standalone: true}"
                           [(ngModel)]="quote[col.field]"
                           name="quote">
      </p-spinner>
    </ng-template>
  </p-column>
</p-dataTable>

也许错误的代码只是Stackoverflow上的错字。

无论哪种方式，这就是工作 Stackblitz解决方案，以便您可以看到它的实际效果。