Angular2 - 概述

*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