Angular - 根据服务结果更改下拉列表的数量

如何解决Angular - 根据服务结果更改下拉列表的数量

我有一个返回“查找”列表的服务。对于每次查找，都会有一个代码和描述。第一次，查找代码将是“属性”。这样做的结果将是，让我们说， code: 'A',description:'ABC'。使用此代码 A，我必须进行另一个 API 调用，然后我将再次进行多次查找。根据我从“属性”获得的查找次数，我必须在屏幕上显示许多填充有代码和描述的下拉列表。

例如：

    "lookups":[
        {
            "name": "ATTIRBUTES"
            "description": "Attribute types"
            "codes": [
                {
                    "code": "A","codeDescription": "Alpha"
                },{
                    "code": "B","codeDescription": "Beta"
                },{
                    "code": "C","codeDescription": "Charlie"
                }
            ]
        }
    ]
}

由于结果中包含三个代码（A、B、C），我必须显示 3 个下拉列表。如果有 5 个，我必须显示 5 个。这些下拉列表的选项将来自使用代码的另一个 API。它也将采用相同的格式，仅更改值。

我已经试过了：

<div class="col-lg-12">
        <form [formGroup]="updateForm">
        <div *ngFor="let select of attributes;">
            <select [id]="select.name" [formControlName]="select.name">
                <option value="">Select</option>
                <!-- <option *ngFor="let lookup of select.lookups" [value] = "lookup.code">{{code}}</option> -->
            </select>
        </div>
    </form>
    </div>

我不知道如何写选项。有什么方法可以使用表单来注入带有 API 结果的选项？ 请帮忙

编辑：

获得属性后，我使用所有代码进行服务调用，例如

this.service.getLookups(codes).subscribe(....

这里的代码是一个像 ['A','B','C'] 这样的数组，结果是：

{
    "lookups":[
        {
            "lookupName": "C"
            "lookupDescription": "Charlie"
            "lookupCodes": [
                {
                    "lookupCode": "1"
                    "lookupCodeDescription": "C1"
                    "active": true
                },{
                    "lookupCode": "2"
                    "lookupCodeDescription": "C2"
                    "active": true
                },{
                    "lookupCode": "3"
                    "lookupCodeDescription": "C3"
                    "active": true
                }
            ]
        },{
            "lookupName": "A"
            "lookupDescription": "Aharlie"
            "lookupCodes": [
                {
                    "lookupCode": "1"
                    "lookupCodeDescription": "A1"
                    "active": true
                },{
                    "lookupCode": "2"
                    "lookupCodeDescription": "A2"
                    "active": true
                },{
                    "lookupCode": "3"
                    "lookupCodeDescription": "A3"
                    "active": true
                }
            ]
        }
    ]
}

因此在下拉列表中，一个下拉列表必须显示“A”的值，另一个显示“B”的值，另一个显示“C”的值，依此类推。