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)外挂辅助神器(透视)德州教程(一直存在有挂)1、这是跨平台的德州ai黑科技,在...
辅助黑科技(微扑克游戏)外挂透... 辅助黑科技(微扑克游戏)外挂透视辅助插件(透视)揭秘攻略(竟然真的是有挂)1、首先打开微扑克游戏最新...
黑科技辅助挂(wEpOke)黑... 黑科技辅助挂(wEpOke)黑科技透明挂辅助安装(透视)辅助教程(切实存在有挂)小薇(透视辅助)致您...
黑科技插件(wepOke)黑科... 黑科技插件(wepOke)黑科技透明挂辅助app(透视)解密教程(确实真的是有挂)一、wepOke软...
黑科技安装(德州wepower... 黑科技安装(德州wepower)黑科技透明挂辅助教程(透视)扑克教程(总是是真的有挂)1、玩家可以在...
辅助黑科技(wepoKe)黑科... 辅助黑科技(wepoKe)黑科技透明挂辅助神器(透视)系统教程(总是是有挂)1、辅助黑科技(wepo...
黑科技软件(德州)外挂辅助挂(... 黑科技软件(德州)外挂辅助挂(透视)大神讲解(原来真的有挂);1、进入游戏-大厅左侧-新手福利-激活...
黑科技神器(德州aa扑克)外挂... 黑科技神器(德州aa扑克)外挂透视辅助技巧(透视)教你教程(其实真的有挂);德州aa扑克是一种具有地...
黑科技软件(wepoKE)黑科... 黑科技软件(wepoKE)黑科技透明挂辅助神器(透视)黑科技教程(都是真的是有挂)1、下载好wepo...
黑科技辅助挂(aapokeR)... 黑科技辅助挂(aapokeR)外挂透视辅助方法(透视)黑科技教程(都是是真的有挂)1、许多玩家不知道...