在angular2应用程序中,我有一个无辜的html INPUT元素(类型FILE),我用它来选择一个文件.这是那个人
<input #selectedImage id="selectImage" type="file" name="image" (change)="imageSelected($event)">
一旦用户点击“重置”按钮,我需要能够重置选择.
如果我使用@ViewChild装饰器并通过代码操作输入元素,我可以很容易地做到这一点,即
@ViewChild('selectedImage') selectedImageFile;
reset() {
this.selectedImageFile.nativeElement.value = '';
}
现在我想通过属性绑定做同样的事情,在这里我找到了障碍.我按如下方式更改代码
<input id="selectImage" type="file" name="image" value={{selectedImageFile}} (change)="imageSelected($event)">
reset() {
this.selectedImageFile = '';
}
但现在没有任何作用(即当我点击重置按钮时,INPUT元素的选择不会被清除).我相信我错过了一些非常微不足道的东西但是,有时会发生,我的眼睛现在已经失明了.任何帮助,将不胜感激.
