Trung tâm cá nhân
sách gpt4 ăn đã đi

Làm cách nào để truy cập formControlName trong ngFor (formArray lồng nhau)?

In lại 作者：太空狗 更新时间：2023-10-29 17:58:33 27 4
mua khóa gpt4 giày nike

我是 Angular 2 的初学者。我正在尝试创建一个具有动态表单的表，创建了表并且还绑定(bind)了值但是我无法访问 formControlName 中的值，尝试了下面的代码但它没有用。

有人可以帮助我在下面的代码中做错的地方

HTML


     
        
            {{period.controls.day.value}}

TS

withOnInit(){
this.tableForm = this.formBuilder.group({
      timetable: this.formBuilder.array([
             this.formBuilder.group({
                    periods: this.formBuilder.array([
                        this.formBuilder.group({
                            subject_id:10,
                            timing_id:11,
                            day:'Monday'
                        }),
                        this.formBuilder.group({
                            subject_id:10,
                            timing_id:11,
                            day:'Tuesday'
                        }),
                        this.formBuilder.group({
                            subject_id:10,
                            timing_id:11,
                            day:'Wednesday'
                        }),
                        this.formBuilder.group({
                            subject_id:10,
                            timing_id:11,
                            day:'Thursday'
                        }),
                        this.formBuilder.group({
                            subject_id:10,
                            timing_id:11,
                            day:'Friday'
                        })
                    ])
                }),
                this.formBuilder.group({
                    periods: this.formBuilder.array([
                        this.formBuilder.group({
                            subject_id:10,
                            timing_id:11,
                            day:'Monday'
                        }),
                        this.formBuilder.group({
                            subject_id:10,
                            timing_id:11,
                            day:'Tuesday'
                        }),
                        this.formBuilder.group({
                            subject_id:10,
                            timing_id:11,
                            day:'Wednesday'
                        }),
                        this.formBuilder.group({
                            subject_id:10,
                            timing_id:11,
                            name:'Thursday'
                        })
                    ])
                })
            ])
         });

Cảm ơn trước.

câu trả lời hay nhất

我首先注意到的是

this.formBuilder.group({
      subject_id:10,
      timing_id:11,
      name:'Thursday'
      ^^^^
 it should be day
})

其次，为什么在模板中使用 timetableForm 而在组件中创建 tableForm?

第三，您应该使用 formControlName="day" 而不是评论中提到的 [formControlName]="day"。

最后，您忘记了将子数组包装在 formArrayName="periods" 中。为此，您可以使用 ng-container，如下所示:





            ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                       add this
                




            
            
                    {{period.controls.day.value}}

Ng-run Example

关于angular - 如何在 ngFor(嵌套的 formArray)中访问 ngFor 中的 formControlName？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49962153/

27 4 0
Đề xuất bài viết: python - 在 Pandas 中，read_excel() 中使用的 read_csv() 中的 'nrows' 是什么？
Đề xuất bài viết: Angular Material : BreakpointObserver not available from load?
Đề xuất bài viết: python - 在 matplotlib 中使颜色变暗或变亮
Đề xuất bài viết: angular - 自定义验证访问表单组件
太空狗
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress