$mdThemingProvider 的问题

Question

我从 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>

但是没有效果。请告诉我如何从中选择不同的色调。

Answer 1

我可以在我的 html 中使用它，如下所示。

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

$mdThemingProvider 的问题

Trouble with $mdThemingProvider

angularjs

angular-material