AngularJS2.0 入门教程分享

2020-04-17 17:17:25 3275 次阅读
AngularJS2.0 入门教程分享


AngularJS2.0 入门教程分享

#快速运行


 从零开始,通过TypeScript创建一个简单的应用程序。


 可以看一下Angular2.0的官网给出的Demo https://angular.io

#开发环境配置


  我们需要一个应用程序项目文件夹,用来放一些库,一些TypeScript 的配置和所选的TypeScript-aware编辑器。

#clone AngularJS2.0


git  clone https://github.com/ZhiGangHome/AngularJS2.0

#需要 node 和 npm 支持


 在开发之前需要安装npm工具来管理我们的lib包;npm是nodejs官方为nodejs定制的一个工具,是Node.js的包管理器,是Node Packaged Modules的简称,查看安装教程. 或 教程2。

#提醒: NodeJs v5.3.0


stable版本默认是自带npm模块的,只需要在安装目录下双击npm.cmd,将npm命令配置到环境变量Path中;双击npm.cmd后需要重启计算机才能使npm命令生效。 NodeJs v5.3.0 stable的下载地址 :http://nodejs.cn/

#关于AngularJS2.0 本demo的使用说明


 我会根据每个demo 的功能建立不同的分支,并实时更新

#分支介绍


 分支命名描述:master “功能” “教程的章节”

 

 master 分支将会作为最后的完整demo预留,暂时不做更新处理,初次可以作为搭建一个本地工程

 

 master-object-three    AngularJS2.0  表达式、对象、数据双向绑定功能

 

 master-Directive_ngFor-four  AngularJS2.0指令ngFor循环遍历列表的使用

 

 master-Directive_click&ngif-five  AngularJS2.0 Directive的click和nGif的使用