Angular2 - 概述
5.00/5 (9投票s)
Angular2 概述
注意： 在我的 Angular2 系列文章中，我使用了 https://colorlib.com/polygon/gentelella/icons.html 提供的免费模板。
你好 TU，我想学习 Angular2，我应该从哪里开始？
对于学习 Angular2，我认为你应该按照下面的文章列表进行（点击链接查看详细页面）
- 概述： 这将为您提供关于 Angular2 的概述，然后您才能为您的 Angular2 应用程序编写您的第一个代码。
- 路由： 这将帮助我们了解 angular2 如何显示页面以及如何在页面之间传递参数。
- 数据绑定： 这将帮助我们了解如何在 UI 中显示数据以及在 Angular 应用程序中接收来自用户的数据输入。
- 组件和指令： 这将帮助您了解如何在 Angular2 中创建可重用的组件以及它们之间的交互。
- 组件生命周期： 这将帮助我们了解如何在其生命周期内处理组件的事件。
- 依赖注入（DI）和注入： 这将帮助我们了解如何使用 Angular2 中提供的 DI 和注入。
什么是 Angular？
Angular 是一个用于创建单页应用程序 (SPA) 的优秀框架。
什么是 SPA？
它是一个从单个 HTML 页面开始并动态加载适当资源的 Web 应用程序/网站。
SPA 是一个静态网站吗？
从某种角度来看，我们可以说“是”。SPA 应用程序包含 HTML、JS、CSS 文件，并利用 Ajax 的特性来获取其他资源/发送请求。例如：用户信息，或在数据库中创建新记录，....
SPA 还改善了应用程序与其用户之间的交互，提高了性能。
我应该学习哪个版本的 Angular？
目前，我们有 2 个版本的 Angular：1.x 和 2.x。
- Angular 1.x 版本是旧版本，不应该用于新项目，因为它可能很快就会被删除。
- Angular 2.x 是一个新版本，它使用 Typescript 来处理应用程序的逻辑。我们应该学习这个版本。
为什么我应该学习 Angular 来构建 SPA？
为了创建 SPA，我们有很多框架，例如：Angular、React、Durandal、ExtJs、Backbone.js、React、Ember.js、Meteor ...
如今，Angular 和 React 已经成为用于此目的的流行框架。
在本系列文章中，我们将只关注 Angular。稍后将有另一个系列讨论 React。
Angular 是一个由 Google 支持的开源框架，并且很容易从社区获得支持。
我什么时候应该使用 Angular？
这是一个企业级框架，应该用于创建复杂的 Web 应用程序。
在 Angular2 中，它使用 Typescript 来处理应用程序的逻辑。这也有助于增强 Angular 的功能。
你是否有我可以作为参考的相同代码？
是的，请从 https://github.com/techcoaching/angular2 下载代码。
我如何运行此代码？
请按照以下步骤运行示例代码
- 将代码检出到您 PC 上的本地文件夹。
- 将此文件夹映射到您的 Web 服务器（例如：IIS 中的 https://）。
- 从上面的文件夹运行 "
npm install"，用于安装代码中使用的 npm 包。 - 运行 "
tsc"，这将把 ts 代码编译成 js。 您可能会在 "node_modules/**" 中看到一些警告，请暂时忽略它。 - 从您的浏览器访问 "https://"，您将看到下面的截图。
我认为，这篇文章给了我关于 Angular 和 SPA 的概述，我准备好阅读下一篇文章了吗？
好的，请继续阅读 路由 部分（这篇文章可能正在建设中，如果您看不到，请稍后访问）。
感谢您的阅读。