Блог

Я использую angular-calendar, и для нужного мне представления года я реализовал:

https://www.npmjs.com/package/angular-calendar-year-view

Это работает нормально, но есть счетчик, я не могу отключить. Кто-нибудь теперь часть кода, чтобы отключить счетчик?

       <angular-calendar-year-view
        *ngSwitchCase="'day'"
        nothingToshowText="An diesem Tag hast du keine ToDo's eingetragen"
        mwlCalendarNextView
        [events]="events"
        [viewDate]="viewDate"
        themecolor="black"
        (eventClicked)="goToEvent($event.event.id)">
      </angular-calendar-year-view>
 

Вот как я это реализовал. На данный момент я просто превратил «счетчик» -логическое значение в зависимости в false, но это дерьмо.

Я также пробовал что-то вроде

 AngularCalendarYearViewComponent.prototype.spinner = false;
AngularCalendarYearViewComponent.prototype.loader = false;
 

в файле typescript, но он тоже не работает…

Пожалуйста, помогите

 import { DomSanitizer } from '@angular/platform-browser';
import * as ɵngcc0 from '@angular/core';
export declare class AngularCalendarYearViewComponent implements OnInit {
    sanitizer: DomSanitizer;
    // readonly style: import("@angular/platform-browser/src/security/dom_sanitization_service").SafeStyle;
    themecolor: any;
    events: any[];
    viewDate: Date;
    nothingToshowText: string;
    popoverEnabled: boolean;
    customTemplate: TemplateRef<any>;
    eventClicked: EventEmitter<any>;
    actionClicked: EventEmitter<any>;
    dayClicked: EventEmitter<any>;
    loader: any;
    days: any;
    dayindex: any;
    daydetails: any;
    year: any;
    calendar: any;
    spinner: any;
    constructor(sanitizer: DomSanitizer);
    ngOnInit(): void;
    ngOnChanges(): void;
    initCalendar(date: any): void;
    generateCalendar(month: any, year: any): any[];
    getNbWeeks(month: any, year: any): number;
    dayClickedFn(day: any, month: any): void;
    getTodayEvents(day: any, month: any): void;
    getnbevents(day: any, month: any): {
        nb: number;
        color: string;
    };
    eventClickedFn(event: any): void;
    refresh(date: any): void;
    actionClickedFn(action: any, event?: any): void;
    static ɵfac: ɵngcc0.ɵɵFactoryDef<AngularCalendarYearViewComponent, never>;
    static ɵcmp: ɵngcc0.ɵɵComponentDefWithMeta<AngularCalendarYearViewComponent, "angular-calendar-year-view", never, { "themecolor": "themecolor"; "events": "events"; "viewDate": "viewDate"; "nothingToshowText": "nothingToshowText"; "popoverEnabled": "popoverEnabled"; "customTemplate": "customTemplate"; }, { "eventClicked": "eventClicked"; "actionClicked": "actionClicked"; "dayClicked": "dayClicked"; }, never, never>;
}

//# sourceMappingURL=angular-calendar-year-view.component.d.ts.map
 

Это зависимость

Вы можете использовать CSS, чтобы скрыть счетчик.

Что-то подобное сработало для меня

   amp;:host ::ng-deep .spinner {
    display: none !important;
  }