如何解决* ngFor中的列表更新,添加的输入控件不起作用列表未更新
服务器返回附件列表。
ngOnInit() {
this.uploadService.upload(formData).subscribe(
event => {
if (event instanceof HttpResponse) {
if (event && event.body.result) {
this.attachments.unshift(...event.body.result);
this.attachments = this.attachments.map(item => ({
'meddoVaPath': item
}));
}
}
})
}
这将是附件的值。
this.attachments = [
{
"meddoVaPath": "06-09-2020\\20200906012736-Screenshot (7).png"
},{
"meddoVaPath": "06-09-2020\\20200906012720-Screenshot (2) - Copy.png"
},]
附件已更新,可以在其中添加meddoVaDesc值。
<p-fileUpload #fileInput name="demo[]" customUpload="true" (onSelect)="onUpload($event)" [showUploadButton]="false" (uploadHandler)="onUpload($event)" multiple="multiple" accept="image/*,.csv,.xml,.doc,.docx,.pdf"
maxFileSize="1000000">
<ng-template let-file pTemplate="attachments">
<!-- <div class="ui-fileupload-row"> -->
<div class="doc-inline">{{file.name}}</div>
<input type="text" class="doc-inline" [(ngModel)]="file.meddoVaDesc" class="form-control form-control-sm">
<div>
<button class="doc-inline" icon="fa-close" pButton type="button" label="Remove"
(click)="removeFile(file)"></button>
</div>
<!-- </div> -->
</ng-template>
</p-fileUpload>
但是提交后,它仍然是旧列表,没有添加新值meddoVaDesc
这是预期的json。
this.attachments=[
{
"meddoVaPath": "06-09-2020\\20200906012736-Screenshot (7).png","eddoVaDesc": "test"
},{
"meddoVaPath": "06-09-2020\\20200906012720-Screenshot (2) - Copy.png","eddoVaDesc": "test3"
},]
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。