AngularJS2教程

AngularJS2教程

Angular2简介

Angular2是Angular 1.x 的升级版本，性能上得到显著的提高，能很好的支持Web 开发组件。Angular2发布于2016年9月份，它是基于ES6来开发的。

与AngularJS区别

1和2+的差异有多大？不是青蛙和蟾蜍的差异，而是非洲巨蛙和绿色小树蛙的区别，或者说就如同Java和JavaScript的外表差异一样。
AngularJS2 开始引入微软的TypeScript。许多概念都基于TypeScript。
官方在GitHub上分别进行维护：
AngularJS1各个版本：https://github.com/angular/angular.js/releases
AngularJS2+各个版本: https://github.com/angular/angular/release
两个官网：
AngularJS1官网：https://angularjs.org
AngularJS2官网：https://angular.io
题外话：没有3。但2和4之间并没有基因突变。
Angular 官方文档：https://angular.io/docs/ts/latest/quickstart.html
Angular 中文文档：https://angular.cn/docs/ts/latest/quickstart.html

运行条件

由于目前各种环境（浏览器或 Node）暂不支持ES6的代码，所以需要一些shim和polyfill（IE需要）让ES6写的代码能够转化为ES5形式并可以正常运行在浏览器中。

从上图可以看出在 Es5 浏览器下需要以下模块加载器：

  • systemjs - 通用模块加载器，支持AMD、CommonJS、ES6等各种格式的JS模块加载。

  • es6-module-loader - ES6模块加载器，systemjs会自动加载这个模块。

  • traceur - ES6转码器，将ES6代码转换为当前浏览器支持的ES5代码，systemjs会自动加载 这个模块。

相关教程

  • JavaScript 教程
    JavaScript 教程

    JavaScript（简称“JS”）是互联网上最流行的脚本

  • jQuery 教程
    jQuery 教程

    jQuery是一个快速、简洁的JavaScript框架，是继Pro

  • AngularJS 教程
    AngularJS 教程

    AngularJS是一个JavaScript框架。它可通过标签添加到

  • AngularJS2 教程
    AngularJS2 教程

    Angular2是Angular 1.x 的升级版本，性能上得到显著的

  • Vue.js 教程
    Vue.js 教程

    Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户

  • Vue3 教程
    Vue3 教程

    Vue3是vue.js的升级版本。与其它大型框架不同的是

  • React 教程
    React 教程

    React是Web开发框架，用于构建用户界面的JavaScri

  • TypeScript 教程
    TypeScript 教程

    TypeScript是微软开发的一个开源的编程语言，通过

  • EasyUI 教程
    EasyUI 教程

    EasyUI是一组基于jQuery的UI插件集合体，而jQuery E

  • Node.js 教程
    Node.js 教程

    Node.js是一个基于 Chrome JavaScript 运行时建立的一个

  • AJAX 教程
    AJAX 教程

    AJAX是一种用于创建快速动态网页的技术。AJAX 通

  • JSON 教程
    JSON 教程

    JSON（JavaScript Object Notation, JS对象简谱）是一种轻

  • Echarts 教程
    Echarts 教程

    ECharts是一款基于JavaScript的数据可视化图表库，提

  • Highcharts 教程
    Highcharts 教程

    Highcharts是一个用纯JavaScript编写的一个图表库，