我怎样才能删除角度2中​​的头像

Question

我有浏览器文件输入和按钮来上传徽标：

<div class="col-md-2">
                        <form #uploadLogo="ngForm" enctype="multipart/form-data" id="fileForm">
                            <input type="file" 
                                    class="form-control" 
                                    nodisable 
                                    name="file" 
                                    id="companyLogo"
                                    (change)="onChange($event)">
                        </form>
                        <span class="thumbnail"><img *ngIf="data.companyObj.imagePath"
                            [src]="url + '/static/logo/' + data.companyObj.imagePath" height="50px" width="250px"/></span>
                    </div>
                    <div class="col-md-3">
                        <button class="btn btn-primary" (click)="uploadCompanyLogo()">{{ 'BASEDATA.UPLOAD' | translate }}</button>

这是ts文件：

public uploadCompanyLogo() {
    if(this.file == null){
        this.fileUpload.uploadFile('/company-logo', 'companyLogo').subscribe(response => {
        this.data.companyObj.imagePath = response.body.defaultLogo;
        this.sharedService.setUrl(this.data.companyObj.imagePath);
        })

如何使用removefunction删除它并为null

Answer 1

我不明白你的问题，但如果你想在完成工作后删除头像，你可以设置

data.companyObj.imagePath = null;

如果你想做些不同的事情，请解释一下。

编辑： 创建新删除按钮后

<button class="btn btn-primary" (click)="removeCompanyLogo($event)">

你需要做你的

data.companyObj.imagePath = null;

因为你的图像img有ngIf，你的图像也是从“data.companyObj.imagePath”创建的

<span class="thumbnail">
<img *ngIf="data.companyObj.imagePath [src]="url + '/static/logo/' + data.companyObj.imagePath" height="50px" width="250px"/>
</span>

所以你需要在ts文件中使用

removeCompanyLogo (event) {
    this.data.companyObj.imagePath = null;
}

这将使你的头像被删除。