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模板中使用这些颜色:




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

相关内容

热门资讯

德州AI智能辅助机器人!德州之... 德州AI智能辅助机器人!德州之星有辅助挂,德州wpk真是存在有挂(详细辅助器购买教程)1、玩家可以在...
WPK透视辅助!WPK的确是有... WPK透视辅助!WPK的确是有挂的,WPK一般真的有挂,可靠技巧(有挂辅助);1、WPK透视辅助!W...
靠谱教程!wepoke可以使用... wepOKE新手教程相关信息汇总(需添加指定薇757446909获取下载链接);靠谱教程!wepok...
德州ai辅助有用!线上德州有后... 德州ai辅助有用!线上德州有后台控制,德州ai好像是真的有挂(详细作弊教程)是一款可以让一直输的玩家...
wpk透视辅助!wpk免费的俱... wpk透视辅助!wpk免费的俱乐部,WPK就是真的有挂,详细教程,(有挂解说)1、用户打开应用后不用...
wepoke ai辅助!wep... 1、wepoke ai辅助!wepoke德州扑克(辅助透视)WepokE(果然真的有挂);详细教程。...
德扑ai助手!德扑ai开发,德... 德扑ai助手!德扑ai开发,德州俱乐部切实真的有挂(详细外 挂教程)1、用户打开应用后不用登录就可以...
wpk透明挂!wpK果然真的有... wpk透明挂!wpK果然真的有挂,wPK就是真的有挂,必备教程(有挂工具)一、wpkAI软件牌型概率...
wepower有外 挂!wep... wepower有外 挂!wepower有外 挂,wepork私人局有挂,详细教程(有挂插件);1分钟...
德州ai机器人!德扑ai智能机... 德州ai机器人!德扑ai智能机器人代理,德州wpk确实有挂(详细ai代打教程)是一款可以让一直输的玩...