20191009--跟着大神学习Angular8_网易云

Angular8全套实战网易云音乐教程在这里灰常感谢B站UP主分享~~~

暂且跟着Up主进行一步一步的学习，部分代码已传到Git上

https://github.com/baymax04/my-wyy

1、创建项目的同时，会自动生成路由文件

ng new my-wyy --style=less --routing

ng new my-wyy --style=less --routing -S 不生成单元测试文件

2、angular.json  项目的相关配置

3、初始化配置执行以下命令将自动完成ng-zorro-antd的初始化配置，包括引入国际化文件，导入模块，引入样式文件等操作。

ng add ng-zorro-antd

4、创建拥有id属性的div    ————> div#app 回车 <div id="app"></div>

                class属性的div  ————> div#wrap 回车 <div class="wrap"></div>

              两个带有class属性的div层  ————> div.carousel>div.wrap 回车   

                                      <div class="carousel">

                                           <div class="wrap"></div>

                                    </div>

                    带有class属性的左右div:         div.left+div.right

                                                     

5、node .\app.js  

6、vscode 整段代码左移 / 右移      SHIFT+TAB   / TAB

7、Resolve:预先获取组件数据

预先从服务器上获取完整数据，在路由激活那一刻数据就准备好了。还要在路由到达此组件之前处理好错误。

总之，是希望只有当所有必要数据都已经拿到之前，才渲染这个路由组件。

需要Resolve守卫，导航前预先加载路由信息。