当前位置: 代码迷 >> JavaScript >> 角度材质主题不改变颜色
  详细解决方案

角度材质主题不改变颜色

热度:91   发布时间:2023-06-07 15:30:23.0

我正在使用Angular 1.4.3和Angular Material 0.10.0,我正在尝试为我的应用程序使用内置主题“green”。 然而,即使在我完成下面的操作之后,颜色仍然是默认的靛蓝色:

 angular.module('myApp','ngMaterial'])
  .config(['$mdThemingProvider', function($mdThemingProvider){
    $mdThemingProvider.theme('green');
    $mdThemingProvider.setDefaultTheme('green');
  }])

如果可以编辑这个笔以使主题工作,将会很有帮助。 然后我可以为我的项目应用相同的内容。

您的代码的问题是您无法在.theme('default')指定颜色名称.theme('default')

这是我用来更改我的md-toolbar , 的默认颜色的 。

我们可以通过这种方式使用themeprovider来更改角度材质的默认颜色:

.config(function($mdThemingProvider) {
  $mdThemingProvider.theme('default')
    .primaryPalette('green')
    .accentPalette('orange');
});

希望能帮助到你。

这是我从您的codepen中获取并编辑它的代码:

.config(['$mdThemingProvider', function($mdThemingProvider){
$mdThemingProvider.theme('default')
.primaryPalette('green');

}])

现在全是绿色。

  相关解决方案