麻烦$ mdThemingProvider

时间:2015-10-09 03:30:50

标签: angularjs angular-material

我已从角度材质示例中定义了如下所示的调色板。

$mdThemingProvider.definePalette('amazingPaletteName', {
        '50': 'ffebee',
        '100': 'ffcdd2',
        '200': 'ef9a9a',
        '300': 'e57373',
        '400': 'ef5350',
        '500': 'f44336',
        '600': 'e53935',
        '700': 'd32f2f',
        '800': 'c62828',
        '900': 'b71c1c',
        'A100': 'ff8a80',
        'A200': 'ff5252',
        'A400': 'ff1744',
        'A700': 'd50000',
        'contrastDefaultColor': 'light',    // whether, by default, text         (contrast)
                                    // on this palette should be dark or light
        'contrastDarkColors': ['50', '100', //hues which contrast should be 'dark' by default
         '200', '300', '400', 'A100'],
        'contrastLightColors': undefined    // could also specify this if default was 'dark'
    });

   $mdThemingProvider.theme('custom2')
        .primaryPalette('amazingPaletteName');

现在在我的html中,我使用它如下。

<div md-theme="custom2">
      <md-button class="md-primary">Button</md-button>
   </div>

它显示红色,正如预期的那样工作。但是如何为我的按钮选择A700或500的托盘。我改变了下面的html

<div md-theme="custom2">
          <md-button class="md-primary 500">Button</md-button>
       </div>

但它没有效果。请让我知道如何从中选择不同的色调。

1 个答案:

答案 0 :(得分:0)

我可以在下面的html中使用它。

<div md-theme="custom2">
          <md-button class="md-primary md-hue-1">Button</md-button>
       </div>