Как открыть новое меню выбора мата, когда курсор перемещается над выбранным элементом мата-выбора - PullRequest
Новая
       72

Как открыть новое меню выбора мата, когда курсор перемещается над выбранным элементом мата-выбора

0 голосов
/ 14 октября 2019

Я пытаюсь создать поток, в котором пользователь открывает форму, в которой я создал несколько опций mat для Duration, таких как «Вчера», «Последняя неделя», «Последний месяц», «Пользовательский» и т. Д. В настоящее времямой интерфейс выглядит следующим образом. Поэтому, когда пользователь выбирает кнопку «Пользовательский», в этом случае он должен открыть новую форму / диалоговое окно слева / справа, где пользователь может затем ввести даты начала и окончания.

enter image description here

<div align="center">
    <form [formGroup]="DatesFormGroup">
        <mat-form-field style="margin-right: 40px;">
            <mat-label>Choose Duration</mat-label>
            <mat-select formControlName="dates" (selectionChange)="dateSelectionChanged()">
                <mat-option value="Yesterday">Yesterday</mat-option>
                <mat-option value="Week">Last 1 Week</mat-option>
                <mat-option value="Month">Last 1 Month</mat-option>
                <mat-option value="3_Months">Last 3 Months</mat-option>
                <mat-option value="Year">Last 1 Year</mat-option>
                <mat-option value="Custom">Custom</mat-option>
            </mat-select>
        </mat-form-field>
    </form>     
</div>

Я новичок в Angular, поэтому код может выглядеть не очень чисто. Буду признателен за любую помощь в этом.

...