Javascript 使用角度材质和$mdThemingProvider更改调色板颜色

我试图使用自定义调色板更改主题，但在控制台中出现以下错误：

VM229057 angular-material.js:6739 Uncaught Error: You supplied an invalid color palette for theme pink's accent palette. Available palettes: red, pink, purple, deep-purple, indigo, blue, light-blue, cyan, teal, green, light-green, lime, yellow, amber, orange, deep-orange, brown, grey, blue-grey, cyanPalette, amberPalette, redPalette, pinkPalette, purplePalette, limePalette, tealPalette, yellowPalette
    at checkValidPalette (VM229057 angular-material.js:6739)
    at parseRules (VM229057 angular-material.js:6525)
    at VM229057 angular-material.js:6715
    at Array.forEach (<anonymous>)
    at generateTheme (VM229057 angular-material.js:6714)
    at VM229057 angular-material.js:6641
    at Object.forEach (VM229038 angular.js:339)
    at generateAllThemes (VM229057 angular-material.js:6639)
    at Object.invoke (VM229038 angular.js:4762)
    at VM229038 angular.js:4569

---

在我的index.html中，我在

body

标记中使用了这两个属性

md-theme=“{{theme}}”md-theme-watch=“true”

正如错误所说，主题粉色的重音调色板是错误的

这是您的代码：

// pink selection
$mdThemingProvider.theme('pink')
    .primaryPalette('pinkPalette')
    .accentPalette('default')
    .warnPalette('pinkPalette');

将上面的强调调色板部分更改为错误消息中列出的有效调色板 例如：

$mdThemingProvider.theme('pink')
    .primaryPalette('pinkPalette')
    .accentPalette('red')
    .warnPalette('pinkPalette');

可用选项板：

red, 
pink, 
purple, 
deep-purple, 
indigo, 
blue, 
light-blue, 
cyan, 
teal, 
green, 
light-green, 
lime, 
yellow, 
amber, 
orange, 
deep-orange, 
brown, 
grey, 
blue-grey, 
cyanPalette, 
amberPalette, 
redPalette, 
pinkPalette, 
purplePalette, 
limePalette, 
tealPalette, 
yellowPalette

red, 
pink, 
purple, 
deep-purple, 
indigo, 
blue, 
light-blue, 
cyan, 
teal, 
green, 
light-green, 
lime, 
yellow, 
amber, 
orange, 
deep-orange, 
brown, 
grey, 
blue-grey, 
cyanPalette, 
amberPalette, 
redPalette, 
pinkPalette, 
purplePalette, 
limePalette, 
tealPalette, 
yellowPalette