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

相关内容

热门资讯

分享一款!小闲川南手游辅助器,... 分享一款!小闲川南手游辅助器,朋朋政和510k辅助,详细技巧(有挂总结)1、小闲川南手游辅助器公共底...
随着!拱趴大菠萝万能挂图解,智... 随着!拱趴大菠萝万能挂图解,智星菠萝可以辅助吗,一直存在有挂(有挂功能)1、智星菠萝可以辅助吗公共底...
发现玩家!纳祥游戏脚本,微信小... 发现玩家!纳祥游戏脚本,微信小程序辅助器,详细软件(有挂总结)1、该软件可以轻松地帮助玩家将微信小程...
值得注意的是!wpk透视辅助,... 值得注意的是!wpk透视辅助,德扑之星有透视辅助吗,竟然真的是有挂(有挂细节)值得注意的是!wpk透...
2分钟细说!朋朋政和软件辅助器... 2分钟细说!朋朋政和软件辅助器,海米大厅辅助,详细神器(有挂透视)1、朋朋政和软件辅助器破解器简单,...
此事迅速冲上热搜!悦扑克脚本,... 此事迅速冲上热搜!悦扑克脚本,德普之星辅助工具如何设置,总是是真的有挂(详细教程)1、点击下载安装,...
实测交流!四川血战到底辅助,陕... 实测交流!四川血战到底辅助,陕麻圈延安划水辅助,详细攻略(有挂方法)亲,关键说明,陕麻圈延安划水辅助...
相较于以往!epoker透视,... 相较于以往!epoker透视,智星德州插件2024最新版,原来真的有挂(有挂分析)智星德州插件202...
推荐几款新版!海螺众娱辅助脚本... 推荐几款新版!海螺众娱辅助脚本,hhpoker有没有作比,详细技巧(有挂规律)1、游戏颠覆性的策略玩...
最新消息!红龙poker辅助平... 最新消息!红龙poker辅助平台,德普之星辅助工具如何打开,原来真的是有挂(有挂工具)1、游戏颠覆性...