Angular “编辑”按钮单击“获取图像名称”并显示使用“角度”选择的输入文件

单击编辑按钮时，我希望能够删除“未选择文件”以添加类别.ImageName。在输入中添加了[（ngModel）]=“category.ImageName”，但它不工作

<div *ngIf="category.FileSource.length > 0; else customAvatar">
                                <input 
                                formControlName="File"
                                id="File" 
                                type="file" 
                                [value]="category.ImageName"
                                [(ngModel)]="category.ImageName"
                                (change)="onFileChange($event)"/>
                               
                                <img *ngIf="chnageeventimage==='true'; else changeAvatar" [src]="imageSrc || '../../../../../assets/images/camera.jpg'" style="height: 80px; width:80px">
                                <ng-template #changeAvatar>
                                <img  [src]="category.FileSource" style="width:80px; height:80px;" alt="User avatar" />
                            </ng-template> 

发出

---

您可以隐藏输入并自定义div或按钮，如下所示：

上传图像
{{category.ImageName}

我认为您不能直接影响该文本。我认为您必须隐藏整个元素，并将您自己的组件作为可视和代理应用。或者，使用类似的库

ngOnInit(): void {
    debugger;
    const categoryID: string = this.route.snapshot.queryParamMap.get('categoryID');
     this.api.EditCategory(categoryID).subscribe(data =>{
      console.log(data);
      this.category = data;
    });
  }