angular2 创建应用,获取HTTP请求、配置路由

上海分院:郑佳威

1.背景介绍

2.知识剖析

3.常见问题

4.解决方案

5.编码实战

6.扩展思考

7.参考文献

8.更多讨论

1.背景介绍

速度与性能:
1/代码生成 Angular会把你的模板转换成代码,针对现代JavaScript虚拟机进行高度优化,轻松获得框架提供的高生产率,同时又能保留所有手写代码的优点。


2/统一平台 在服务端渲染应用的首屏,像只有HTML和CSS的页面那样几乎瞬间展现,支持 Node.js®、.NET、PHP,以及其它服务器,为通过SEO来优化站点铺平了道路。


3/代码拆分 借助新的组件路由器,Angular可以实现快速加载。自动代码拆分机制可以让用户仅仅加载那些用于渲染所请求页面的代码

生产率

1/模板 通过简单而强大的模板语法,快速创建UI视图。

2/Angular CLI 命令行工具:快速进入构建环节、添加组件和测试,然后立即部署。

3/各种 IDE 在常用IDE和编辑器中获得智能代码补全、实时错误反馈及其它反馈等特性

2.知识剖析

1、创建新应用,大致介绍创建出来的文件夹和文件是干嘛用的

2、添加新组件并添加内容

3、配置HTTP请求

4、配置路由

1、 angular cli 命令行
ng new 文件名 (创建新的应用)

2、 ng serve --port **
自定义端口号并开启应用

3、 ng generate component 组件名
创建一个新组件

3.常见问题

5.编码实战

6.扩展思考

angular1 和 angular 之间有哪些显著的区别/ 希望大家能发到群里

7.参考文献

8.更多讨论

鸣谢

感谢观看

BY——郑佳威