Почему Angular Календарь показывает только текст и цифры? - PullRequest
Новая
       30

Почему Angular Календарь показывает только текст и цифры?

0 голосов
/ 08 января 2020

enter image description here

Изображение выше - единственный экран, когда я добавил Angular Календарь. Есть ли конфликт с Font Awesome? Потому что я установил Font Awesome в свой Angular проект с Angular Material в качестве основного каркаса и компонентов.

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 { }

1 Ответ

0 голосов
/ 09 января 2020

Ну ладно. Я забыл добавить "./node_modules/angular-calendar/css/angular-calendar.css" в angular. json

Это решило эту проблему при установке вручную.

...