为什么Angular Calendar只显示纯文本和数字？

Question

​

​

上面的图片是我添加Angular Calendar时唯一的显示。它和Font Awesome有冲突吗？因为我在我的Angular项目中安装了Font Awesome，并将Angular材质作为其主要样式和组件框架。

HTML：

<mwl-calendar-month-view [viewDate]="viewDate" [events]="events">
</mwl-calendar-month-view>

TS：

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

@Component({
    selector: 'app-creator-profile-calendar',
    templateUrl: './calendar.component.html',
    styleUrls: ['./calendar.component.scss'],
})
export class CalendarComponent {

    viewDate: Date = new Date();

    events: CalendarEvent[] = [];

}

模块：

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { CalendarComponent } from './components/calendar/calendar.component';

import { CalendarModule, DateAdapter } from 'angular-calendar';
import * as moment from 'moment';
import { adapterFactory } from 'angular-calendar/date-adapters/moment';
export function momentAdapterFactory() {
    return adapterFactory(moment);
};

@NgModule({
    declarations: [
        CalendarComponent
    ],
    imports: [
        CommonModule,
        CalendarModule.forRoot({ provide: DateAdapter, useFactory: momentAdapterFactory })
    ], 
})
export class CreatorProfileModule { }

Answer 1

哦好吧。我忘了在angular.json中添加"./node_modules/angular-calendar/css/angular-calendar.css"

这解决了您手动安装时的问题。