*Hi DAI, 我想学习 Angular2, 我应该怎么开始?
关于学习 Angular2, 我认为你应该按照下面的列表
- 概述: 在您为 Angular2 应用程序编写第一个代码之前, 这将为您提供关于 Angular2 的概述。
- 路由: 这将帮助我们了解 angular2 如何显示页面和如何传递参数。
- 数据绑定: 这将帮助我们了解如何在UI中显示数据, 并从接收用户输入数据。
- 组件和指令: 这将帮助您了解在 Angular2 中学会创建可重用组件以及它们之间的交互。
- 组件生命周期: 这将帮助我们了解如何处理组件的事件。
- 依赖注入: 这有助于我们了解如何使用 angular2 提供的 依赖注入。
*什么是 Angular?
Angular是一个用来创建单页应用(spa)的很好的框架
*什么是 SPA?
只有一张Web页面的应用/网站,是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。
*SPA 是不是一个静态网站?
在某些观点上, 我们可以说 "是"。SPA应用程序包含 html、js、css 文件, 并利用 ajax 的功能获取其他资源/发送请求。例如: 用户信息, 或在数据库中创建新记录..。
SPA同时也改善了应用与用户之间的交互,改进了性能。
*我该学习哪个版本的Angular?
到现在为止,我了解的有两个版本的AngularJS:1.X 和2.X
- Angular 1.x 是老版本了,新项目中就不建议使用了。
- Angular 2.x 是新版本,采用TypeScript处理应用逻辑,我们应该学习这个版本。
*为什么学习Angular来创建SPA?
创建SPA, 有许多框架供我们选择, 如: Angula, React, Durandal, extjs, Backbone.js, React, Ember.js, Meteor ...
现在, Angular和React已经成为这一用途的热门框架。
在这一系列的文章中, 我们将只专注于Angular。稍后将会有其他一系列的讨论。
Angular是一个开源框架, 由谷歌支持, 易于获得社区支持。
*什么时候该使用Angular?
这是一个企业框架, 应用于创建复杂的 web 应用程序。
在 Angular2 中, 它使用TypeScript来处理应用程序的逻辑。这也补充了Anglar的力量。
*你有没有可以参考的代码?
有的,你可以参考 https://github.com/techcoaching/angular2
*我要怎么运行这个代码?
按照下面的说明运行示例代码:
- 将代码在你本机检出
- 把检出的目录映射到你的Web服务程序(比如:IIS中的http://localhost)
- 在当前代码目录运行 "npm install ",安装代码中的npm程序包
- 运行"tsc",将 ts 代码 编辑为 js(采用TypeScript编写的代码)。你可能会看到一些警告“node_modules/**”,忽略了吧。
- 打开浏览器,输入“http://localhost”,看到下面的截图
摘自:https://www.codeproject.com/Articles/1164843/Angular-Overview