angular - 如何在角度日历周视图中使用 ng-template 以不同颜色显示特定的一天时间

Question

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

我找不到输入或其他方式（使用 ng-template）以不同背景颜色呈现周视图中的特定单元格。

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

需要建议/帮助。

谢谢。

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

Answer 1

你可以去 -

import { Component, ChangeDetectionStrategy } from '@angular/core';
import { CalendarEvent } from 'angular-calendar';

@Component({
  selector: 'mwl-demo-component',
  changeDetection: ChangeDetectionStrategy.OnPush,
  templateUrl: 'template.html'
})
export class DemoComponent {
  view: string = 'month';

  viewDate: Date = new Date();



  events = [
    {
      start: '2019-05-02',
      title: 'A 3 day event',
      color: {
        primary: "#ad2121",
        secondary: "#FAE3E3"
      },
    },
  ]

}

希望回答对你有帮助！

Answer 2

只需将颜色添加到您的活动中：

events = [
  {
    start: '2019-05-02',
    title: 'A 3 day event',
    color: {
      primary: "#ad2121",
      secondary: "#FAE3E3"
    },
  },
]

查看 Stackblitz 解决方案：https ://stackblitz.com/edit/angular-edcv1t-bgiw7?embed=1&file=demo/component.ts

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