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、黑科技透明挂挂!德扑之星有没有规律(黑科技ai)起初存在有挂(有挂存在)-哔哩哔哩;详细教程。2...
黑科技挂!德州ai辅助,wep... 黑科技挂!德州ai辅助,wepoke一定有挂,技巧教程(有挂攻略)-哔哩哔哩1、许多玩家不知道wep...
黑科技数据!德州aapoker... 黑科技数据!德州aapoker下载(透视)好像有挂(有挂开挂)-哔哩哔哩关于德州aapoker下载机...
黑科技插件!德扑之星系统发牌机... 您好,智星德州菠萝怎么看有没有开挂这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302...
黑科技安卓版!wepoke辅助... 黑科技安卓版!wepoke辅助有挂吗(黑科技ai)一向有挂(有挂教学)-哔哩哔哩,支持语音通讯、好友...
黑科技脚本!aapoker猫腻... 黑科技脚本!aapoker猫腻,wepoke透明挂怎么识别,黑科技教程(有挂规律)-哔哩哔哩;致您一...
黑科技透明挂!德州之星辅助(辅... 黑科技透明挂!德州之星辅助(辅助挂)果然真的是有挂(有挂自建房)-哔哩哔哩1、许多玩家不知道德州之星...
黑科技ai代打!wpk有透视辅... 黑科技ai代打!wpk有透视辅助,德扑之星发牌规律,揭秘教程(有挂教程)-哔哩哔哩1、构建自己的微扑...
黑科技规律!aa poker辅... 黑科技规律!aa poker辅助软件(智能ai)从来是真的有挂(有挂智能)-哔哩哔哩;1.aa po...
黑科技脚本!红龙扑克透牌辅助器... 黑科技脚本!红龙扑克透牌辅助器,wpk有ai吗,必赢教程(有挂详情)-哔哩哔哩1、超多福利:超高返利...