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的使用