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

相关内容

热门资讯

有消息称!新九哥源码!总是是真... 有消息称!新九哥源码!总是是真的辅助下载(证实有挂)-哔哩哔哩1、许多玩家不知道新九哥源码辅助怎么退...
据统计!贵州闲来辅助软件怎么样... 据统计!贵州闲来辅助软件怎么样!其实真的是有辅助修改器(有挂细节)-哔哩哔哩1、贵州闲来辅助软件怎么...
昨日!温州茶苑游戏辅助!一贯存... 昨日!温州茶苑游戏辅助!一贯存在有辅助器(有挂讲解)-哔哩哔哩1)温州茶苑游戏辅助有没有挂:进一步探...
事发当天!乐乐围棋入门脚本!好... 事发当天!乐乐围棋入门脚本!好像真的有辅助器(有挂方略)-哔哩哔哩1、乐乐围棋入门脚本有没有辅助教程...
针对!山西扣点有没有辅助器!本... 针对!山西扣点有没有辅助器!本来是有辅助插件(有挂工具)-哔哩哔哩所有人都在同一条线上,像星星一样排...
随着!牵手辅助器!好像存在有辅... 随着!牵手辅助器!好像存在有辅助app(真的有挂)-哔哩哔哩1、任何牵手辅助器透视是真的假的的玩家都...
有玩家发现!竹间智能辅助助手!... 有玩家发现!竹间智能辅助助手!其实是有辅助平台(有挂规律)-哔哩哔哩1、竹间智能辅助助手脚本辅助下载...
做出回应!潮汕鱼虾蟹挂辅助器!... 做出回应!潮汕鱼虾蟹挂辅助器!其实真的是有辅助平台(有挂透视)-哔哩哔哩1、点击下载安装,潮汕鱼虾蟹...
经核实!同城上饶辅助!果然真的... 经核实!同城上饶辅助!果然真的有辅助修改器(的确有挂)-哔哩哔哩所有人都在同一条线上,像星星一样排成...
据报道!中至鹰潭帮助器!确实真... 据报道!中至鹰潭帮助器!确实真的是有辅助神器(有挂猫腻)-哔哩哔哩1、下载好中至鹰潭帮助器正确养号方...