Dex*_*ter 5 javascript typescript angular
这里我正在做的是我正在使用ng2文件上传创建一个"拖放功能",这里我的问题是,当我试图删除多个文件时,将启用选择所有功能,它将选择所有复选框默认但在文件丢弃后我的方案中没有发生这种情况
https://stackblitz.com/edit/angular-r6cbrj
<div class="container">
<div class="well well-lg metadata-well text-center add-file ">
<h4 style="float:left ">
<span *ngIf="uploader?.queue?.length> 1">
<input type="checkbox" id="selectAll" [(ngModel)]="selectAll" (change)="selectAllFiles($event)" class="form-check-input deltha">
</span>Add Files</h4>
<br />
<br />
</div>
<span *ngIf="uploader?.queue?.length== 0">
<p class="text-wrap">Your upload queue is empty.
<br />Drag and drop files to add them to the queue</p>
</span>
<span *ngIf="uploader?.queue?.length > 0">
<div class="upload-section">
<table class="table">
<tbody>
<tr *ngFor="let item of uploader.queue;let i = index">
<td style="padding-top: 0rem">
<div class="form-check">
<label class="form-check-label">
<input type="checkbox" class="form-check-input" value="{{item?.file?.name}}" [checked]="fileSelectState[item?.file?.name]"
(change)="fileChecked($event)">
</label>
</div>
</td>
<td id="{{ item?.file?.name }}">
<a (click)="selectFile($event);">
<strong>{{ item?.file?.name }}</strong>
</a>
</td>
<td>{{ item?.file?.size/1024/1024 | number:'.2' }} MB</td>
<td >{{ item?.file?.type}}</td>
<td>
<button type="button" class="icon-button" (click)="item.remove();fileRemoved(item)">
<i class="fas fa-times"></i>
</button>
</td>
</tr>
</tbody>
</table>
</div>
</span>
<div ng2FileDrop [ngClass]="{'nv-file-over': hasBaseDropZoneOver}" (fileOver)="fileOverBase($event)" (onFileDrop)="fileDropped($event)" [uploader]="uploader" class="well well-sm metadata-well-sm text-center my-drop-zone">
<img src={{imga}} />
<p>Drag and drop your files here</p>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)