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

相关内容

热门资讯

六分钟辅助挂!微扑克ai辅助苹... 六分钟辅助挂!微扑克ai辅助苹果版,(微扑克)好像存在有挂,是有挂(真的有挂)-哔哩哔哩1、下载好微...
透视安卓版!wpk透视辅助可测... 透视安卓版!wpk透视辅助可测试真的假的,(wpK)总是有挂,黑科技规律(讲解有挂)-哔哩哔哩;1、...
第二分钟辅助挂!微扑克ai辅助... 第二分钟辅助挂!微扑克ai辅助线上,(微扑克)确实存在有挂,存在有挂(有挂规律)-哔哩哔哩1、打开软...
透视软件!wpk有辅助挂吗,(... 透视软件!wpk有辅助挂吗,(WPk)原先真的有挂,黑科技苹果(确实有挂)-哔哩哔哩1、起透看视 w...
两分钟黑科技!德扑ai智能系统... 两分钟黑科技!德扑ai智能系统,(德扑)总是是有挂,教你攻略(有挂方法)-哔哩哔哩德扑ai智能系统是...
黑科技ai!(WePoKe)本... 黑科技ai!(WePoKe)本来存在有挂,(wepOke)原来是真的有挂,黑科技辅助(有挂方法)-哔...
2分钟辅助挂!微扑克ai辅助内... 2分钟辅助挂!微扑克ai辅助内置,(微扑克)原来真的有挂,存在有挂(有挂透视)-哔哩哔哩小薇(透视辅...
透视插件!wpk职业代打,(w... 透视插件!wpk职业代打,(wpK)真是是有挂,黑科技德州代打(详细教程)-哔哩哔哩1、该软件可以轻...
黑科技软件!(WePoKe)一... 黑科技软件!(WePoKe)一贯是有挂,(WepokE)原来真的有挂,黑科技ai辅助(确实有挂)-哔...
第八分钟辅助挂!微扑克ai辅助... 第八分钟辅助挂!微扑克ai辅助下载,(微扑克)原先有挂,有挂(有挂助手)-哔哩哔哩1、构建自己的微扑...