首页 文章

材质2中的自定义主题返回：参数`$ map`的`map-get（$ map，$ key）`必须是 Map

提问于
浏览 次
1

我在为Angular 2 Material实现自定义主题方面遇到了很多困难 . 我一直在关注指南：

并为我的颜色生成自定义调色板 . 例如我的“主要”颜色：

$dz-primary: (
    50 : #e8ebee,
    100 : #c6cdd4,
    200 : #a0acb7,
    300 : #7a8a9a,
    400 : #5e7184,
    500 : #41586e,
    600 : #3b5066,
    700 : #32475b,
    800 : #2a3d51,
    900 : #1c2d3f,
    A100 : #82baff,
    A200 : #4f9eff,
    A400 : #1c83ff,
    A700 : #0275ff,
    contrast: (
        50 : #000000,
        100 : #000000,
        200 : #000000,
        300 : #000000,
        400 : #ffffff,
        500 : #ffffff,
        600 : #ffffff,
        700 : #ffffff,
        800 : #ffffff,
        900 : #ffffff,
        A100 : #000000,
        A200 : #000000,
        A400 : #ffffff,
        A700 : #ffffff,
    )
);

当我尝试创建自定义主题时：

@import '~@angular/material/theming';
@include mat-core();

@import './theme/dz-primary';
@import './theme/dz-accent';

$dz-theme-primary: mat-pallete($dz-primary);
$dz-theme-accent: mat-pallete($dz-accent);
$dz-theme: mat-light-theme($dz-theme-primary, $dz-theme-accent);

@include angular-material-theme($dz-theme);

编译器总是返回：

参数$ map map-get（$ map，$ key）必须是一个 Map Backtrace：node_modules/@angular/material/_theming.scss：1118，在函数map-get node_modules/@angular/material/_theming.scss中： 1118，在函数mat-color node_modules/@angular/material/_theming.scss：1530，在mixin mat-option-theme node_modules/@angular/material/_theming.scss：3854，在mixin mat-core-theme node_modules / @ angular / material / _theming.scss：3920，在mixin angular-material-theme stdin中：11在C：\ Users \ Brandon \ work \ angular-apps \ dz-ui \ node_modules \ @angular \ material_theming.scss（第1118行，第11栏）

这似乎是 mat-color() 函数不接受调色板的问题，但我可以_1157796错了 .

我也尝试使用教程中引用的Material中的内置颜色，但是我收到了同样的错误 .

sass angular-material2

2 回答

  • 3

    看起来你拼写 mat-palette 为 mat-pallete .

    $dz-theme-primary: mat-palette($dz-primary); // <- Here
$dz-theme-accent: mat-palette($dz-accent); // <- Here
$dz-theme: mat-light-theme($dz-theme-primary, $dz-theme-accent);
    回复于
  • -1

    我认为你在mat-pallete（颜色值）中缺少第二个参数 .

    $dz-theme-primary: mat-pallete($dz-primary,100);
    回复于

相关问题