在Angular中,File类型的formcontrol默认值为null。以下是一个示例代码,展示如何在组件中处理这个File类型的formcontrol:
在组件的初始化方法中:
import { FormGroup, FormControl } from '@angular/forms';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
})
export class MyComponent {
form: FormGroup;
constructor(){
this.form = new FormGroup({
fileControl: new FormControl(null)
});
}
}
在模板文件中:
这段代码创建了一个FormGroup,并在其中创建了一个名为“fileControl”的FormControl,其初始值为null。然后,将FormControl绑定到模板的file input上。这样,我们就可以使用FormControl进行表单验证,并从中获取所选文件的信息。