Question

我正在使用Angular 1.4.3和Angular Material 0.10.0，我正在尝试使用内置主题＆＃34; green＆＃34;为我的应用程序。然而，即使在我完成下面的操作后，颜色仍然是默认的靛蓝色：

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

如果可以编辑此笔http://codepen.io/anon/pen/pJYJGb以使主题有效，将会很有帮助。然后我可以将它应用于我的项目。

Answer 1

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

以下是我用来更改md-toolbar，codepen的默认颜色的代码。

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

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

希望它有所帮助。

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

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

}])

现在全是绿色。

角度材质主题不改变颜色

1 个答案: