Как установить радиокнопку по умолчанию с помощью формы Angular Reactive в Angular Material 6 и отображать разделы на основе выбора - PullRequest
0 голосов
/ 01 марта 2019

Хотите иметь два набора переключателей, один в начале, а другой в конце. Набор 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];
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...