PrimeNG模板中的表格不显示

时间:2019-03-08 12:22:33

标签: angular primeng

我在PrimeNG的Turbotable中定义了一个表格。表单的目的是为表的页脚中的表创建另一个条目(一个组)。不幸的是它没有显示。知道为什么吗?

<ng-template pTemplate="footer" let-columns>
      <form [formGroup]="groupForm" (ngSubmit)="createGroup()"> 
        <tr>
          <td>
            <button pButton type="submit" icon="pi pi-plus"
                [disabled]="!groupForm.valid" pTooltip="add group"></button>
          </td>

          <td *ngFor="let col of columns">
            <input pInputText type="text" [formControlName]="col.field">
          </td>
        </tr>
      </form>
    </ng-template>

col只是组件中的数组,用于定义一些数据,例如列大小和组的关联字段。

col.field值当然与定义的FormGroup的控件名称匹配。

groupForm: FormGroup = new FormGroup({
    field1: new FormControl('', Validators.required),
    //...
  });

我想使用Form,因为创建新组需要所有字段,所以我认为这是处理它的最佳方法。如果您有更好的建议,请随时提及。

1 个答案:

答案 0 :(得分:0)

我解决了自己的问题。我只是删除了form-tag,而是将formGroup附加到tr-tag。