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

相关内容

热门资讯

分享透视!wepoker安装教... 分享透视!wepoker安装教程,微信小程序有挂吗辅助,课程教程(竟然有挂)-哔哩哔哩;所有人都在同...
详情透视!wepoker有辅助... 详情透视!wepoker有辅助功能吗,微乐透视辅助功能插件下载,指南书教程(有挂方针)-哔哩哔哩亲,...
详情透视!拱趴大菠萝自动计算机... 详情透视!拱趴大菠萝自动计算机器人,微乐多乐跑作弊,手册教程(有挂技巧)-哔哩哔哩1、拱趴大菠萝自动...
普及透视!德州局透视脚本下载安... 普及透视!德州局透视脚本下载安装最新版本,微乐南昌辅助神器,指南教程(有挂功能)-哔哩哔哩1、下载好...
必备透视!来玩app破解,微乐... 必备透视!来玩app破解,微乐小程序免费黑科技下载,项目教程(有挂分享)-哔哩哔哩1、在来玩app破...
必备透视!德州局透视脚本,微乐... 必备透视!德州局透视脚本,微乐贵阳捉鸡麻将能不能开挂,法门教程(有挂解惑)-哔哩哔哩德州局透视脚本透...
推荐透视!竞技联盟辅助插件,微... 推荐透视!竞技联盟辅助插件,微乐小程序辅助教程,课程教程(有挂方法)-哔哩哔哩1、竞技联盟辅助插件辅...
有挂透视!pokermaste... 有挂透视!pokermaster脚本,广西微乐小程序脚本,操作教程(揭秘有挂)-哔哩哔哩1、poke...
解密透视!wpk控制牌是真的吗... 解密透视!wpk控制牌是真的吗,微乐自建房免费脚本哪个最好用,指南教程(真的有挂)-哔哩哔哩;进入游...
科普透视!大菠萝免费辅助,微乐... 科普透视!大菠萝免费辅助,微乐家乡麻辣自建房,方案教程(有挂方法)-哔哩哔哩1、许多玩家不知道大菠萝...