angular11 - 组件中更新的 Angular 11 变量未在模板中更新

Question

我正在使用 Angular v11。我正在尝试使用拖放来上传文件。上传文件时，我将变量设置为文件名。如果有文件，我想在模板上显示一些东西。但是模板没有渲染。

在组件中：

public fileToUpload: any;
public onFileDropped($event) {
  this.fileToUpload = $event.target.files[0];        
} 

在模板中：

<div class="file-container col-md-6 offset-md-3" *ngIf="fileToUpload">
    File is uploaded
</div>

但即使在 fileToUpload 变量更新后 div 也没有出现。

谁能帮助如何正确地做到这一点？

谢谢

标签： angular11