angular-material TypeError: $mdThemingProvider.backgroundPalette 不是函数

Question

我正在使用 md-tabs 并希望将背景颜色从默认的浅灰色设置为白色。在我的模块中，我定义了这个：

var module = angular.module('myMod', ['ngMaterial']);
module.config(function ($mdThemingProvider) {
    $mdThemingProvider.backgroundPalette('white');
});

当我启动我的应用程序时，我收到以下错误：

Uncaught Error: [$injector:modulerr] Failed to instantiate module myMod due to:
TypeError: $mdThemingProvider.backgroundPalette is not a function

我正在使用 angular-material 版本 1.1.5。

关于为什么会发生此错误的任何想法？提前谢谢。

Answer 1

我明白了。在模块中，必须为所有阴影定义白色：

var module = angular.module('myMod', ['ngMaterial']);
module
.config(function ($mdThemingProvider) {
    $mdThemingProvider.definePalette('white', {
        '50': 'ffffff',
        '100': 'ffffff',
        '200': 'ffffff',
        '300': 'ffffff',
        '400': 'ffffff',
        '500': 'ffffff',
        '600': 'ffffff',
        '700': 'ffffff',
        '800': 'ffffff',
        '900': 'ffffff',
        'A100': 'ffffff',
        'A200': 'ffffff',
        'A400': 'ffffff',
        'A700': 'ffffff'
    });
    $mdThemingProvider
        .theme('default')
        .backgroundPalette('white');
});

并且必须在元素的相应 html 中设置颜色。就我而言：

<md-content md-colors="{'background-color': 'white'}">...</md-content>

Answer 2

你必须先从提供者那里得到你想要修改的主题：

$mdThemingProvider.theme('default')
     .backgroundPalette('white');