首页 > 解决方案 > ng generate @angular/material:material-nav --name=main-nav 正确生成文件但它们不运行

问题描述

我运行了一个简单的命令,该命令应该生成可以用作导航栏的预构建文件。它下载正确,但如果我添加<main-nav></main-nav>到我的 app.component.html 页面,它只会输出一个空白页面。我的控制台中没有错误。以下是命令:ng generate @angular/material:material-nav --name=main-nav 我使用的是 Mac、Angular 6 和 Angular Material。以下是我关注的视频:https ://www.youtube.com/watch?v=Q6qhzG7mObU 。我已经独立测试了每个部分,发现该<mat-sidenav></mat-sidenav>功能根本不起作用。

标签: javascripthtmlangularangular-materialmat-sidenav

解决方案


您是否添加MatSidenavModule到应用程序的模块中?

@NgModule({
  imports: [
    MatSidenavModule,
    // ...
  ]
})
export class AppModule { }

推荐阅读