AngularMaterial主题中的主色、强调色和警告色无法随着主题更改。
创始人
2024-10-28 11:35:56
0

首先,在组件中引入Angular Material的主题服务:

import { ThemePalette } from '@angular/material/core';
import { ThemeService } from './theme.service';

然后,使用注入的主题服务来获取当前主题,并将主色、强调色和警告色设置为该主题的颜色:

export class MyComponent implements OnInit {

  primaryColor: ThemePalette;
  accentColor: ThemePalette;
  warnColor: ThemePalette;

  constructor(private themeService: ThemeService) { }

  ngOnInit() {
    this.primaryColor = this.themeService.getCurrentTheme().primary;
    this.accentColor = this.themeService.getCurrentTheme().accent;
    this.warnColor = this.themeService.getCurrentTheme().warn;
  }

}

最后,在HTML模板中使用这些颜色:




这样,这些按钮的颜色将随着主题的更改而自动更新。

相关内容

热门资讯

四分钟介绍!wepoke辅助技... 四分钟介绍!wepoke辅助技巧,德州之星ai辅助(详细透视辅助插件教程)wepoke辅助技巧平台为...
八分钟攻略!永州四王扯胡子包赢... 八分钟攻略!永州四王扯胡子包赢,众合推扑克辅助工具(详细透视辅助软件教程)1、这是跨平台的永州四王扯...
五分钟透明!双辽麻将有挂吗,微... 《软件透明挂》是一款多人竞技的辅助透视游戏,你将微扑克对手来到同一个战场,为至高无上的荣耀进行一次自...
we辅助poker德之星!we... we辅助poker德之星!wepoke有假吗(wepoke好友房)切实是真的有挂(详细智能ai教程)...
WePoKe透明挂!wepok... WePoKe透明挂!wepoke德州扑克系统规律(wepoke app)一直存在有挂(详细透视挂教程...
微扑克辅助挂!微扑克wpk安全... 《微扑克辅助挂软件透明挂》是一款多人竞技的微扑克辅助挂辅助透视游戏,你将微扑克对手来到同一个战场,为...
红龙扑克辅助!红龙扑克有挂吗,... 红龙扑克辅助!红龙扑克有挂吗,(红龙扑克)其实是有挂(详细辅助器教程)1、让任何用户在无需AI插件第...
红龙扑克辅助器!红龙扑克好友桌... 红龙扑克辅助器!红龙扑克好友桌,(红龙扑克)一贯真的有挂(详细辅助工具教程);原来确实真的有挂(需添...
aapoker透视辅助!线上德... aapoker透视辅助!线上德州aapoker透明挂,(aapoker苹果版)切实是真的有挂(详细透...
aapoker发牌机制!aap... aapoker发牌机制!aapoker有猫腻吗,(aapoker机制)好像真的有挂(详细有猫腻教程)...