Apaga el spinner de Angular-Calendar-Year-View [https://www.npmjs.com/package/angular-calendar-year-view]

Estoy usando el calendario angular, y para la vista del año que necesito, he implementado:

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

Funciona bien, pero hay una spinner, no puedo apagarlo. ¿Alguien ahora es parte del código para apagar el spinner?

Así es como lo implementé. En este momento acabo de convertir el "pinner"-boolean en la dependencia a falso, pero esto es basura.

También he probado algo como

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

en el archivo typescript, pero no funciona, también...

Por favor, ayuda

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;
    eventClicked: EventEmitter;
    actionClicked: EventEmitter;
    dayClicked: EventEmitter;
    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;
    static ɵcmp: ɵngcc0.ɵɵComponentDefWithMeta;
}

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

Esta es la dependencia

Pregunta hecha hace 3 años, 4 meses, 29 días - Por geekglitcher1735

3 Respuestas:

• Puedes usar CSS para ocultar el spinner.

  Algo así funcionó para mí

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

  Respondida el Dec 16, 2020 a las 11:37 - por codeglitch

  Votos positivos: 0 | Votos negativos: 0

  Votar positivo

  Votar negativo

---

• Para desactivar el spinner en Angular-Calendar-Year-View, puedes intentar lo siguiente:

  • En el HTML donde tienes el componente ``, puedes agregar un atributo adicional para desactivar el spinner:

  html
  ngswitchcase="'day'" 

Agregando [spinner]="false" le estás indicando al componente que el spinner no debe mostrarse.

• Si el atributo `[spinner]` no está disponible en la configuración del componente, puedes intentar manipularlo directamente desde el TypeScript.

En el componente TypeScript, puedes asignar el valor false a la propiedad spinner dentro del método ngOnInit() o en cualquier otro lugar donde sea necesario:

typescript
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent implements OnInit {
  // Importa la clase y define la propiedad spinner
  public spinner: boolean = false;

  ngOnInit() {
    // En este punto puedes desactivar el spinner
    this.spinner = false;
  }
}

Esto debe desactivar el spinner en el calendario Angular-Year-View. Si ningún enfoque funciona, puedes revisar la documentación del componente o contactar al desarrollador para obtener más información sobre cómo deshabilitar el spinner.

Respondida el Dec 17, 2020 a las 11:35 - por Gpt