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

相关内容

热门资讯

我来教教大家!水果汇开挂功能a... 我来教教大家!水果汇开挂功能app,水果汇都是真的是有开挂app(有辅助挂秘笈)1、每一步都需要思考...
让我来分享经验!桔梗游戏开挂功... 让我来分享经验!桔梗游戏开挂功能app,桔梗游戏本来真的是有开挂app(有辅助挂实锤)在进入桔梗游戏...
分享个大家!鸿福开挂功能技巧,... 分享个大家!鸿福开挂功能技巧,鸿福确实存在有开挂技巧(有辅助挂秘诀)1、鸿福免费辅助多个强度级别选择...
热点推荐!新蓝鲸辅助器功能方法... 热点推荐!新蓝鲸辅助器功能方法,新蓝鲸一直真的有辅助器方法(有辅助挂规律)1、用户打开应用后不用登录...
三分钟了解!福乐游贰柒拾透视挂... 三分钟了解!福乐游贰柒拾透视挂功能神器,福乐游贰柒拾都是真的有透视挂神器(有辅助挂总结)暗藏猫腻,小...
分享一款!卡贝大厅透视功能教程... 分享一款!卡贝大厅透视功能教程,卡贝大厅竟然是真的有透视教程(有辅助挂总结)运卡贝大厅辅助工具,进入...
我来教教你!外星人辅助器功能神... 我来教教你!外星人辅助器功能神器,外星人真是真的是有辅助器神器(有辅助挂详细)1、这是跨平台的外星人...
总算了解!微乐河南跑得快辅助功... 总算了解!微乐河南跑得快辅助功能攻略,微乐河南跑得快原来是真的有辅助攻略(详细教程辅助)1、点击下载...
1.9分钟了解!微乐陕西三带透... 1.9分钟了解!微乐陕西三带透视功能插件,微乐陕西三带一贯是有透视插件(有辅助挂分析)1、微乐陕西三...
详细说明!永乐跑胡子辅助功能脚... 详细说明!永乐跑胡子辅助功能脚本,永乐跑胡子原来存在有辅助脚本(果真有辅助挂)1、实时永乐跑胡子透视...