未显示Sidenav背景

Question

我试着在我的网站上添加一个来自Angular/Material的sidenav。所有的作品都很好，除了背景:它没有出现在主页上。在这里找到我的代码：https://plnkr.co/edit/DMMz9dMoZasfMExWgjSD?p=options (第一次使用这个工具，欢迎所有建议!)

在menu.component.html中：

<md-toolbar>
    <div class="sidenav-button">
        <button type="button" md-icon-button (click)="sidenav.toggle()">
            <md-icon>reorder</md-icon>
        </button>
    </div>
</md-toolbar>

<md-sidenav-container fullscreen class="sidenav-container">
    <md-sidenav #sidenav mode="push" class="sidenav left-nav" opened="false">
        <md-nav-list>
            <a md-list-item>
               Home
            </a>
            <a md-list-item>
               Channels
            </a>
        </md-nav-list>
    </md-sidenav>
</md-sidenav-container>

我只是从官方文档(https://material.angular.io/components/sidenav/overview)中复制/粘贴示例，没有任何结果。

谢谢

Answer 1

我知道这个问题已经提了好几个月了。因为没有给出解决方案，所以我决定回答它。

将一个角度材质主题导入到您的样式表中，这样做可以解决这个问题。示例-添加

@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';

发送到您的styles.css

https://material.angular.io/guide/theming