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样式,避免被删除。请根据实际需求进行调整,并将代码添加到你的组件中。

相关内容

热门资讯

据悉!传送屋激k辅助靠谱吗,德... 据悉!传送屋激k辅助靠谱吗,德普之星私人局辅助(透视)脚本-果然真的是有挂1、传送屋激k辅助靠谱吗免...
有玩家发现!小程序雀神雀神智能... 有玩家发现!小程序雀神雀神智能插件,天天川南辅助(透视)工具-好像存在有挂小程序雀神雀神智能插件是不...
据目击者称!朋朋政和软件改牌,... 据目击者称!朋朋政和软件改牌,微信茶馆辅助(透视)方法-切实是真的挂1、用户打开应用后不用登录就可以...
今日!微信茶馆辅助,广西老友玩... 今日!微信茶馆辅助,广西老友玩有破解视频(透视)教程-原来存在有挂进入游戏-大厅左侧-新手福利-激活...
据公告内容!欢乐达人暗堡破解,... 据公告内容!欢乐达人暗堡破解,新天道辅助(透视)插件-切实有挂1、首先打开欢乐达人暗堡破解辅助器下载...
值得注意的是!微信小程序功夫川... 值得注意的是!微信小程序功夫川码辅助下载,情怀宜春辅助(透视)技巧-本来存在有挂微信小程序功夫川码辅...
无独有偶!广东雀神祈福有用吗,... 无独有偶!广东雀神祈福有用吗,葫芦娃七子降妖内购破解版下载(透视)软件-切实有挂葫芦娃七子降妖内购破...
据文件显示!贪吃蛇辅助器202... 据文件显示!贪吃蛇辅助器2022,兴动互娱脚本(透视)神器-竟然真的是有挂1、贪吃蛇辅助器2022透...
推出新举措!凑一桌游戏免费辅助... 推出新举措!凑一桌游戏免费辅助器,樱花之盛能不能开挂(透视)app-总是有挂1、操作简单,无需凑一桌...
据目击者称!新广西老友辅助在,... 据目击者称!新广西老友辅助在,杭州边锋辅助软件(透视)攻略-真是有挂1、杭州边锋辅助软件有没有辅助教...