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

Sidenav背景未显示

1 个答案: