如何解决Angular DataTable不适用于编辑模式
我正在使用Angular DataTable在编辑模式中显示FormControls。我有以下代码:
if (row.build_items.data) {
row.build_items.data.forEach((element,index) => {
if (element.build_items.data[0]) {
const itemElement = element.build_items.data[0];
const item = new FormControl(itemElement.build_item_id,Validators.required);
this.build_items.push(item);
this.buildItemDescription[index] = itemElement.build_item_description;
}
});
}
this.modalRef = this.modalService.open(this.releaseFormModal,{
ariaLabelledBy: "modal-basic-title",size: "fluid m-0",});
this.buildItemsTableTrigger.next();
并在模板中:
<table class="table" id="builItemsTable" datatable [dtOptions]="dtOptionsBuildItems" [dtTrigger]="buildItemsTableTrigger">
<thead>
<tr>
<th>Build item</th>
<th>Description</th>
<th></th>
</tr>
</thead>
<tbody>
<tr *ngFor="let name of build_items.controls; index as idx" class="form-group" #releaseLines>
<td style="width:25%;">
<p #buildItemLookup class="p-fluid">
<input type="text" class="form-control app-login_input-style build_item_input" readonly formControlName="{{idx}}" value="">
</p>
</td>
<td>
<p style="margin-top: 10px;">{{buildItemDescription[idx]}}</p>
</td>
<td><i class="material-icons rm-release_modal-deleteRelease-icon" (click)="deleteBuildItemField(idx,$event)">delete</i>
</td>
</tr>
</tbody>
</table>
此处,它在表中正确显示输入控件。但是数据表未呈现。它只是显示一个常规表。我正在使用相同的代码将数据添加到表中,但随后即可正常工作。我需要执行其他任何操作来应用数据表属性吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。