小编MAI*_*med的帖子

输入“表单组| null' 不可分配给类型'FormGroup'。类型“null”不可分配给类型“FormGroup”。角11

我是 Angular 新手,我使用版本 11。并且我的 html 文件中的 formGroup 属性有问题。

错误 :

'表格组| null' 不可分配给类型'FormGroup'。类型“null”不可分配给类型“FormGroup”。

2 <form [formGroup]="produitFormGroup">

我的html代码。

 <form [formGroup]="produitFormGroup">
    <div class="form-group">
        <label>Nom</label>
        <input type="text" class="form-control" formControlName="name">
    </div>
    <div class="form-group">
        <label>Prix</label>
        <input type="text" class="form-control" formControlName="price">
    </div>
    <div class="form-group">
        <label>Quantite</label>
        <input type="text" class="form-control" formControlName="quantity">
    </div>
    <div class="form-group">
        <label>Selected</label>
        <input type="checkbox" formControlName="selected">
    </div>
    <div class="form-group">
        <label>Available</label>
        <input type="checkbox" formControlName="available">
    </div>
    <button class="btn btn-success">Enregistrer</button>
</form>
Run Code Online (Sandbox Code Playgroud)

我的 ts 文件代码:

produitFormGroup: FormGroup | null= null;

constructor(private fb: FormBuilder) { }

ngOnInit(): void {

   this.produitFormGroup = this.fb.group({ …
Run Code Online (Sandbox Code Playgroud)

html api angular angular-reactive-forms

15
推荐指数
3
解决办法
4万
查看次数

标签 统计

angular ×1

angular-reactive-forms ×1

api ×1

html ×1