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(德州之星有外挂吗)外挂透明挂辅助神器(透视)果然真的有挂(黑科技介绍);德州之星有外...
黑科技有挂(aapoker辅助... 黑科技有挂(aapoker辅助透视)外挂透视辅助安装(透视)果然是有挂(黑科技黑科技)1、aapok...
黑科技最新(wepoke软件规... 黑科技最新(wepoke软件规律)外挂黑科技辅助挂(透视)本来存在有挂(黑科技辅助)1、进入到wep...
黑科技辅助挂(wepoke的确... 黑科技辅助挂(wepoke的确有挂)外挂透明挂辅助教程(透视)本来有挂(黑科技解密)1、每一步都需要...
黑科技科技(aapoker俱乐... 黑科技科技(aapoker俱乐部)外挂透明挂辅助app(透视)其实存在有挂(黑科技解密);aapok...
辅助黑科技(wepoke辅助使... 辅助黑科技(wepoke辅助使用方法)外挂黑科技辅助器(透视)总是真的有挂(黑科技解说)1、许多玩家...
黑科技好友房(aapoker挂... 黑科技好友房(aapoker挂)外挂透视辅助插件(透视)总是是真的有挂(黑科技细节);1、用户打开应...
黑科技插件(德州ai代打)外挂... 黑科技插件(德州ai代打)外挂黑科技辅助安装(透视)原来是真的有挂(黑科技揭秘)在进入德州ai代打辅...
黑科技了解(微扑克辅助工具)外... 黑科技了解(微扑克辅助工具)外挂透明挂辅助教程(透视)切实是真的有挂(黑科技攻略)微扑克辅助工具辅助...
黑科技了解(德州之星有没有假)... 黑科技了解(德州之星有没有假)外挂黑科技辅助下载(透视)真是是真的有挂(黑科技黑科技)小薇(透视辅助...