在角材料日历中为日期添加工具提示

Question

尝试将工具提示添加到有角材料的日历日期。我尝试使用matToolTip，但悬停时没有任何反应。

<mat-calendar [dateClass]="dateClass()" [startAt]="month" [selected]="selectedDate"
      (selectedChange)="onSelect($event)"  matTooltip="Info about the action">
    </mat-calendar>

Answer 1

请参见此StackBlitz示例。我已经研究了导入和配置，发现的唯一令人惊讶的是，在工具提示出现之前需要一个实质性的主题。请参见styles.scss中的以下内容：

@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';

除此之外，我发现还需要导入以下内容：

• BrowserAnimationsModule
• MatDatepickerModule
• MatNativeDateModule（或其他一些日期提供程序）
• MatTooltipModule