angularjs - 在 Angular Material 中添加意图组

关于角度材料的主题，存在默认的意向组，即主要，重音和警告。而且我知道您可以使用不同的调色板来修改颜色和主题。但是我想创建另一个意图组，例如成功，这样我就可以在md-button上使用md-success类将其变为绿色。我将如何去做呢？

最佳答案

尽管我看到您想要拥有一个自定义意图组的观点（我也会如此），但我相信当前您将必须创建一个新的“成功”主题并配置其主调色板以使用所需的颜色。

angular.module('myApp', ['ngMaterial'])
.config(function($mdThemingProvider) {
   $mdThemingProvider.definePalette('mySucessPalette', {
     '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('success')
      .primaryPalette('mySucessPalette')
});

那么您可以在适当的地方使用md-theme =“ success”。

关于angularjs - 在 Angular Material 中添加意图组，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33003542/