表单数组验证在Angular 2中不起作用

Question

这是我的表单对象

 this.userFormGroup = this.fb.group({
            name : ["", Validators.required],
            email : "",
            phone : ""
            address : this.fb.group({
                city : ["", Validators.required],
                state : ""
            }),
            hobbies : this.fb.array([
                this.fb.group({
                    name : ["", Validators.required]
                }),
            ])
        })

我在下面提到的HTML中使用了这个对象。

<div formArrayName="hobbies">
                <div formGroupName="0">
                    Name <input type="text" formControlN!ame="name">  <br><br>
                    <div *ngIf="userFormGroup.get('hobbies[0].city').hasError('required')">
                        City Required
                    </div>
                </div>
            </div>

其他验证工作正在进行，但表单验证无效。

提前致谢。

Answer 1

尝试这个

<div *ngIf="userFormGroup.get('hobbies').controls[i].get('name').errors">
     City Required
</div>