javascript – Angular Material主题不改变颜色

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

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

如果可以编辑此笔http://codepen.io/anon/pen/pJYJGb以使主题工作,将会很有帮助.然后我可以为我的项目应用相同的内容.

解决方法:

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

这是我用来更改我的md工具栏的默认颜色codepen的代码.

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

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

希望能帮助到你.

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

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

}])

现在全是绿色.

标签：javascript,css,angularjs,angular-material
来源： https://codeday.me/bug/20190628/1315686.html