如何在角度日历周视图中使用 ng-template 以不同颜色显示某些日期的时间

Har*_*mer 5 angular angular-calendar

我正在使用mattlewis Angular 日历来为我的项目实现周视图。我需要用不同的背景颜色显示一周中的特定时间。

我找不到输入或其他方式(使用 ng-template)来以不同的背景颜色在周视图中渲染特定单元格。

我想要这样的东西,其中周视图中特定时间的背景以不同的颜色显示。

在此输入图像描述

需要建议/帮助。

谢谢。

请通过此stackblitz 演示提出更改建议。

Dan*_*cht 1

只需为您的活动添加颜色即可:

events = [
  {
    start: '2019-05-02',
    title: 'A 3 day event',
    color: {
      primary: "#ad2121",
      secondary: "#FAE3E3"
    },
  },
]
Run Code Online (Sandbox Code Playgroud)

请参阅 Stackblitz 解决方案:https://stackblitz.com/edit/angular-edcv1t-bngiw7 ?embed=1&file=demo/component.ts

或者只需单击项目演示站点上的事件。