AngularJS 2 基础教程

angularJS 2 是一款开源 JavaScript 库,由 Google 维护,用来协助单一页面应用程序运行

AngularJS 2 是 Angular 1.x 的升级版本,性能上得到显著的提高,能很好的支持 Web 开发组件

AngularJS 2 发布于2016年9月份,它是基于ES6来开发的。


    Angular 2.x 与 Angular 1.x 的区别

    Angular 2.x 与 Angular1.x 的区别类似 Java 和 JavaScript 或者说是雷锋与雷峰塔的区别

    几乎八竿子打不着边

    所以在学习 Angular2.x 时大家需要做好重新学习一个新框架的心里准备


    运行条件!

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


    从上图中可以看到, 在 ES5 浏览器下需要以下模块加载器

    1. systemjs - 通用模块加载器,支持AMD、CommonJS、ES6 等各种格式的 JS 模块加载

    2. es6-module-loader - ES6 模块加载器,systemjs 会自动加载这个模块

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


    参考文档

    1. Angular 官网: https://angular.io/
    2. Angular 官方文档: https://angular.io/docs/ts/latest/quickstart.html
    3. Angular 中文文档: https://angular.cn/guide/quickstart
    4. Angular Github: https://github.com/angular/angular


    链接: https://www.fly63.com/course/15_824