ng generate @angular/material:material-nav --name=main-nav 正确生成文件但它们没有 运行

Question

我 运行 一个简单的命令，它应该生成可以用作导航栏的预建文件。它下载正确，但如果我将 <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> 函数根本不起作用。

Answer 1

您是否将 MatSidenavModule 添加到您应用的模块中？

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

Answer 2

我有一个类似的问题，我的问题是通过导航到在您之后创建的 main-nav 文件夹解决的 运行 ng generate @angular/material:material-nav --name=main-nav

注意：文件夹名称可以是您指定的任何名称 --name=?

导航到 main-nav.component.ts 找到 @components 装饰器并在其中找到选择器 属性。在任何需要的地方使用该选择器作为您的标签，在这种情况下，您应该替换 app.component.html 页面中的标签。

例如，我的@components 装饰器看起来像这样：

@Component({
  selector: 'app-app-nav',
  templateUrl: './app-nav.component.html',
  styleUrls: ['./app-nav.component.scss']
})

所以我的 app.component.html 页面会是 <main-nav></main-nav>。

我希望这对某人有所帮助。