0

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

4

2 回答 2

1

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

@NgModule({
  imports: [
    MatSidenavModule,
    // ...
  ]
})
export class AppModule { }
于 2018-07-09T01:36:33.703 回答
0

我有一个类似的问题，通过导航到运行后创建的 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>.

我希望这可以帮助别人。

于 2020-04-15T11:02:58.920 回答