如何将动态字段添加到formbuilder组中?

时间:2019-03-18 22:16:31

标签: angular6

我正在此处处理动态复选框。我从查询中获得country_id。 假设对于中国,country_id为“ 1”,那么我的复选框的formControlName将为leq1_1,而对于country_id“ 2”,则为leq1_2。但是我无法在formbuilder组中添加这些多个复选框吗?

到目前为止,这是我尝试过的代码。

有人可以帮忙吗?

谢谢。

HTML

<?xml version="1.0"?>
<resultSet>
    <Name/>
    <WAMUserName/>
    <AppPoolState/>
    <Validation/>
</resultSet>
<resultSet>
    <Name>W3SVC/APPPOOLS/KTSAAppPool</Name>
    <WAMUserName>ST\nzsktsa</WAMUserName>
    <AppPoolState>Disabling</AppPoolState>
    <Validation>Critical</Validation>
</resultSet>
<resultSet>
    <Name>W3SVC/APPPOOLS/KCPSAAppPool</Name>
    <WAMUserName>st\nzsOFSA</WAMUserName>
    <AppPoolState>Running</AppPoolState>
    <Validation>Critical</Validation>
</resultSet>

TS

<form [formGroup]="updateForm" (ngSubmit)="onSubmit()">
        <table class="table">
            <thead class="align-left">
                <tr>
                <th scope="col">Country</th>
                <th>LE Q1</th>           
                </tr>
            </thead>
            <tbody>
                <tr *ngFor="let item of currentPermission">

                    <td>{{item.value.country_name}}</td>
                    <td>                            
                        <label class="switch">                            
                            <input type="checkbox" formControlName="leq1_{{item.value.country_id}}"  [checked]="item.value.le_q1==1 ? true:false" (click)="changePermission(item.value.country_id, 'leq1')">
                        </label>                        
                    </td>                
                </tr> 
            </tbody>
        </table>
    </form>

0 个答案:

没有答案