如何删除angular 2中的头像

我有browserfile输入和按钮来上传徽标：

<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>

---

如何使用removefunction将其删除并设置为null？我不理解您的问题，但如果您想在完成工作后删除头像，您可以设置

data.companyObj.imagePath = null;

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

编辑： 创建新的删除按钮后

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

由于您的图像img具有ngIf，这是您的图像也是从“data.companyObj.imagePath”创建的

---

这将删除您的头像。

谢谢，我只想创建另一个按钮（单击）=“removeCompanyLogo（），然后在ts文件中创建函数public removeCompanyLogo（））

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

data.companyObj.imagePath = null;

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

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