angular学习笔记

公司有成熟的代码框架，我不需要懂太多原理的东西，只需要懂一些使用频率较高的知识，即可完成公司交给我的任务。我想，这是成熟的公司通用做法，通过对架构的合理设计，只需招技术一般般的人就可以完成任务，节省公司的开支。

今天练习了angular的列表页面，使用http获取json数据，并传递给组件。需要注意的地方有以下几点：

• angular需要先引入httpClient的基础包。
• 声明1个服务，承载http请求。
• 把服务注入到组件中去，在服务中对返回的数据进行预处理（可以使用管道的map方法），然后把预处理的数据返回给组件。预处理，主要是筛选一些公共的返回状态，比如402，token过期。
• 组件解析数据的时候，使用观察者对象的方法，数据里有什么内容，可以直接用对象.属性获取。
• 获取数据后，把数据映射到实体上，即可使用。

除此之外，还使用了angular的路由。路由，主要是控制展示哪些组件。路由，分为主路由和子路由。使用路由的步骤如下：

• 引入路由的包。
• 添加路由的定义。路由的定义分很多种，普通路由、参数路由、重定向路由等。
• 对路由进行初始化，监听浏览器地址的变化。主路由和子路由初始化不同，主路由可使用imports: [ RouterModule.forRoot(routes) ]。
• 添加路由出口。路由可以有很多个出口，遵循“由内到外”的原则。因为angular会有1个根组件，从根组件开始查找，越里面的出口越优先展示。如果里面的出口附属的组件还没有实例化，则回退到上1个路由出口。