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”,看到下面的截图

Angular2 - 概述

摘自:https://www.codeproject.com/Articles/1164843/Angular-Overview

上一篇:unity slua整合帅气的lua-pb解析protobuf


下一篇:springboot 集成mybatis plus3