如何使用Angular Material 6中的Angular Reactive表单设置默认的单选按钮,并根据选择显示部分

时间:2019-03-01 11:26:35

标签: angular6 angular-reactive-forms angular-material-6

想要有两组单选按钮,一组在开始,另一组在结束 套装1 op1 op2

设置2 op3 op4 op5 我正在尝试获取以下功能,但需要帮助,请先谢谢。 该方案是 1)应该在页面加载时默认选择op1和op3 2)一旦选择了这些,它们就会显示section1 3)同样,如果op2和op3选择要显示的section2

<div class="form-group m-form__group row">
                                        <div class="col-lg-7 m-form__group-sub">
                                                <mat-radio-group (change)="changeComboo($event)" formControlName = "policy_type">
                                                        <mat-radio-button class="example-radio-button" *ngFor="let opt of types" [value]="opt">
                                                                {{opt}}
                                                            </mat-radio-button>
                                                    </mat-radio-group>
                                        </div>
                                        <div class="col-lg-5 m-form__group-sub" (change)="changeComboo($event)" >
                                                <mat-radio-group (change)="changeComboo($event)" formControlName = "cst_type">
                                                        <mat-radio-button value="Option3" >Option3</mat-radio-button>
                                                        <mat-radio-button value="Option4" >Option4</mat-radio-button>
                                                        <mat-radio-button value="Option5" >Option5</mat-radio-button>

                                                    </mat-radio-group>
                                        </div>

                                </div>

html部分上方

下面的一个在组件中

 policy_type: string;

types: string[] = ['Option1', 'Option2']

this.policy_type = this.types.values[1];

0 个答案:

没有答案