角度材料类型错误:$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

我使用的是角度材料版本 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');