Angular日历:在beforeWeekViewRender事件中添加的自定义css在resize事件中被删除。
创始人
2024-10-29 05:00:32
0

要在Angular日历的beforeWeekViewRender事件中添加自定义CSS,并避免在resize事件中被删除,可以使用以下解决方法:

  1. 在组件的构造函数中引入Renderer2模块,并注入到构造函数中:
import { Component, OnInit, Renderer2 } from '@angular/core';

constructor(private renderer: Renderer2) { }
  1. 在ngAfterViewInit生命周期钩子中添加事件监听器,并在事件处理程序中设置自定义CSS:
ngAfterViewInit() {
  this.renderer.listen('window', 'beforeunload', () => {
    // 添加自定义CSS
    const customCss = document.createElement('style');
    customCss.type = 'text/css';
    customCss.innerHTML = '.custom-class { background-color: yellow; }';
    document.head.appendChild(customCss);
  });
}
  1. 在resize事件中重新添加自定义CSS:
ngAfterViewInit() {
  this.renderer.listen('window', 'resize', () => {
    // 重新添加自定义CSS
    const customCss = document.createElement('style');
    customCss.type = 'text/css';
    customCss.innerHTML = '.custom-class { background-color: yellow; }';
    document.head.appendChild(customCss);
  });
}

通过这种方式,你可以确保在resize事件中重新添加自定义CSS样式,避免被删除。请根据实际需求进行调整,并将代码添加到你的组件中。

相关内容

热门资讯

必备科技!微乐自建房辅助工具免... 必备科技!微乐自建房辅助工具免费app,微乐自建房脚本免费入口(开挂自建房)工具1、起透看视 微乐自...
推荐一款!微乐自建房辅助工具免... 推荐一款!微乐自建房辅助工具免费app,微乐小程序免费黑科技(开挂自建房)器1、金币登录送、破产送、...
一分钟揭秘!微乐小程序麻将自建... 一分钟揭秘!微乐小程序麻将自建房辅助工具插件,微乐家乡麻将自建房辅助app(开挂自建房)器1、任何微...
盘点一款!微乐家乡麻将自建房辅... 盘点一款!微乐家乡麻将自建房辅助app,微乐小程序免费黑科技(开挂自建房)攻略1、下载好微乐家乡麻将...
实测分享!微信雀神麻将挂件开挂... 实测分享!微信雀神麻将挂件开挂辅助,微乐自建房脚本免费入口(开挂自建房)教程;微信雀神麻将挂件开挂辅...
如何分辨真伪!微乐自建房辅助工... 如何分辨真伪!微乐自建房辅助工具挂,微乐家乡麻将自建房辅助app(开挂自建房)技巧暗藏猫腻,小编详细...
今日科普!微乐自建房辅助工具插... 今日科普!微乐自建房辅助工具插件,微乐家乡麻将自建房辅助app(开挂自建房)技巧1、下载好微乐家乡麻...
玩家必备教程!微乐小程序麻将自... 玩家必备教程!微乐小程序麻将自建房辅助工具插件,微乐自建房脚本免费入口(开挂自建房)软件1、起透看视...
指导大家!微乐自建房辅助工具,... 指导大家!微乐自建房辅助工具,微乐家乡麻将自建房辅助app(开挂自建房)器1)微乐家乡麻将自建房辅助...
实测发现!微乐自建房辅助工具脚... 实测发现!微乐自建房辅助工具脚本,微乐家乡麻将自建房辅助app(开挂自建房)教程1、微乐家乡麻将自建...