我按照这些文章来设置我的角度项目环境:
在创建了
ng
project之后,我添加了Material导航模式。
ng g@angular/material:material nav--name mat nav
然后,我用新的导航组件替换了默认的内容app.component.htmlfile。
<app mat nav>/app mat nav>
然后我在styles.scssfile中导入了材料主题。
@import“~@angular/material/prebuild themes/indigo pink.css”;
最后,我启动了服务器。编译期间没有错误,浏览器中也没有错误。但我的页面布局如下。
注意标题栏上方的白色条带。
更新
经谷歌确认,这不是一个bug。这只是一个奇怪的特征。
https://angular.io/guide/quickstart
https://material.angular.io/guide/schematics
之后天然气项目创建后,我添加了材料导航模式。
ng g @angular/material:material-nav --name mat-nav
然后我替换了默认的内容app.component.html带有新导航组件的文件。
<app-mat-nav></app-mat-nav>
然后我导入了材料主题styles.scss文件。
@import "~@angular/material/prebuilt-themes/indigo-pink.css";
最后,我启动了服务器。编译期间没有错误,浏览器中也没有错误。但我的页面布局如下。
注意标题栏上方的白色条带。
更新
经谷歌确认,这不是一个bug. 这只是一个奇怪的特征。
