FullCalendar v6 不支持通过 ng-template 直接注入全局页眉（如顶部工具栏区域），但提供了丰富的细粒度内容钩子（如 dayHeaderContent、slotLabelContent 等），可精准定制各类结构化头部元素。
fullcalendar v6 不支持通过 `ng-template` 直接注入全局页眉（如顶部工具栏区域），但提供了丰富的细粒度内容钩子（如 `dayheadercontent`、`slotlabelcontent` 等），可精准定制各类结构化头部元素。
在 FullCalendar v6 的 Angular 集成中，开发者常期望像
不过，FullCalendar v6 提供了 15 个精细化的内容定制点（content hooks），其中多个属于“头部类”结构，可满足绝大多数定制需求：
- dayHeaderContent：每日列标题（如周一、周二）的单元格内容
- slotLabelContent：时间轴视图（如 timeGridWeek）左侧时间刻度标签
- resourceAreaHeaderContent：资源视图中资源分组区域的顶部标题
- resourceGroupLabelContent / resourceLabelContent：资源分组与单个资源的标题栏
✅ 正确用法示例（Angular 模板中）：
<full-calendar [options]="calendarOptions">
<!-- 自定义每日列头：显示日期 + 星期 -->
<ng-template #dayHeaderContent let-arg>
<div class="custom-day-header">
<div class="date">{{ arg.date | date:'d' }}</div>
<div class="weekday">{{ arg.date | date:'EEE' }}</div>
</div>
</ng-template>
<!-- 自定义时间轴左侧时间标签（如 "09:00"） -->
<ng-template #slotLabelContent let-arg>
<span class="time-badge">{{ arg.text }} ⏰</span>
</ng-template>
</full-calendar>⚠️ 注意事项：
- 所有 ng-template 引用名必须与 FullCalendar 官方文档中定义的 content hook 键名严格一致（如 #dayHeaderContent，不可写作 #dayHeader）；
- 全局工具栏（headerToolbar）本身由 left/center/right 配置项控制，如需修改按钮行为或文案，应通过 calendarOptions 中的 headerToolbar 对象配置，而非模板；
- 若需完全重写顶部工具栏 UI（例如替换为自定义组件），推荐禁用内置工具栏（headerToolbar: false），并在
外部手动添加 Angular 组件，并通过 calendarApi 控制导航与视图切换。
? 总结：
FullCalendar v6 的设计哲学是“按区域解耦定制”，而非提供单一 #header 入口。与其尝试覆盖不存在的全局头部模板，不如善用 dayHeaderContent、slotLabelContent 等语义明确的钩子——它们更稳定、更易维护，且能精准匹配业务场景中的真实头部需求。
