button - 角度日期选择器未显示在 mat-menu 中

Question

我想在 mat-menu 上显示日历，因为我希望看起来像 airbnb，您单击一个按钮，日历就会打开，但日历不会显示。

这是代码:

       <div fxFlex="0 1 auto">
            <button mat-raised-button [matMenuTriggerFor]="dateRangeMenu">
                {{startEndDate}}
            </button>
            <mat-menu #dateRangeMenu="matMenu" [overlapTrigger]="false">

                <aa-animatepicker [options]="datepickerOptions" [(selectedDates)]="dates"
                    (click)="$event.stopPropagation()">
                </aa-animatepicker>

            </mat-menu>
        </div>

有谁知道如何做到这一点吗？

Answer 1

你应该使用

   <ng-template matMenuContent>

如果您想将日期选择器合并到 mat-menu 中。