时间戳

首页 > 解决方案 > 我有大约 30 个社交链接字段来获取每个我想使用 formArray 构建的 url

angular - 我有大约 30 个社交链接字段来获取每个我想使用 formArray 构建的 url

问题描述

我有一个表单组，在其中放置了一个 formArray 字段，该字段本身具有三个表单字段，例如 socialId、socialSlug 和 socialUrl。

我收集了 30 个社交媒体名称。我想遍历它并为每个社交媒体对象填充一个 formArray 字段。

表单组本身是可选的，但应该对 url 进行验证

this.socialProfileLinkForm = this.fb.group({
            social_profile: this.fb.array([], Validators.minLength(0))
        });

this.candidateService.getAvailableSocialProfileList().subscribe((val: any) => {
            this.socialProfileList = val.body;
        });

我正在遍历html 中的socialProfileList以生成表单

截屏

单击链接 btn url 字段并单击保存 btn 它会将表单对象保存到该 formArray

标签： angularangular-forms

解决方案

推荐阅读