Angular2TypeScript环境配置本章节使用的是TypeScript来创建Angular的应用，这也是官方推荐使用的，本教程的实例也将采用TypeScript来编写。TypeScript是一种由微软开发的自由和开源的编程语言，它是JavaScript的一个超集，扩展了JavaScript的语法。如果你不了解TypeScript，可以查阅以下资料：TypeScript入门教程TypeScript中文手册这开始前，你需要确保你已经安装了npm，如果你还没安装npm或者不了解npm可以查看我们的教程：NPM使用介绍。由于npm官网镜像国内访问太慢，这里我使用了淘宝的npm镜像，安装方法如下
Angular2TypeScript环境配置本章节使用的是TypeScript来创建Angular的应用，这也是官方推荐使用的，本教程的实例也将采用TypeScript来编写。TypeScript是一种由微软开发的自由和开源的编程语言，它是JavaScript的一个超集，扩展了JavaScript的语法。如果你不了解TypeScript，可以查阅以下资料：TypeScript入门教程TypeScript中文手册这开始前，你需要确保你已经安装了npm，如果你还没安装npm或者不了解npm可以查看我们的教程：NPM使用介绍。由于npm官网镜像国内访问太慢，这里我使用了淘宝的npm镜像，安装方法如下
Angular2JavaScript环境配置本章节我们为大家介绍如何配置Angular2的执行环境。本章节使用的是JavaScript来创建Angular的应用，当然你也可以使用TypeScript和Dart来创建Angular应用。本章节使用到的文件目录结构如下所示:创建配置文件创建目录$mkdirangular-quickstart$cdangular-quickstart载入需要的库这里我们推荐使用npm来作为包的管理工具，如果你还没安装npm或者不了解npm可以查看我们的教程：NPM使用介绍。创建package.json文件，代码如下所示：package.json文件：{"name":
Angular2JavaScript环境配置本章节我们为大家介绍如何配置Angular2的执行环境。本章节使用的是JavaScript来创建Angular的应用，当然你也可以使用TypeScript和Dart来创建Angular应用。本章节使用到的文件目录结构如下所示:创建配置文件创建目录$mkdirangular-quickstart$cdangular-quickstart载入需要的库这里我们推荐使用npm来作为包的管理工具，如果你还没安装npm或者不了解npm可以查看我们的教程：NPM使用介绍。创建package.json文件，代码如下所示：package.json文件：{"name":
AngularJS表单AngularJS表单是输入控件的集合。HTML控件以下HTMLinput元素被称为HTML控件:input元素 select元素 button元素 textarea元素数据绑定Input控件使用ng-model指令来实现数据绑定。inputtype="text"ng-model="firstname">通过以上代码应用有了一个名为firstname的属性。它通过ng-model指令来绑定到你的应用。firstname属性可以在controller中使用：实例varapp=angular.module('myApp',[]);app.controller('formCtr
AngularJS表单AngularJS表单是输入控件的集合。HTML控件以下HTMLinput元素被称为HTML控件:input元素 select元素 button元素 textarea元素数据绑定Input控件使用ng-model指令来实现数据绑定。inputtype="text"ng-model="firstname">通过以上代码应用有了一个名为firstname的属性。它通过ng-model指令来绑定到你的应用。firstname属性可以在controller中使用：实例varapp=angular.module('myApp',[]);app.controller('formCtr
AngularJSXMLHttpRequest$http是AngularJS中的一个核心服务，用于读取远程服务器的数据。使用格式：//简单的GET请求，可以改为POST$http({ method:'GET', url:'/someUrl'}).then(functionsuccessCallback(response){ //请求成功执行代码 },functionerrorCallback(response){ //请求失败执行代码});简写方法POST与GET简写方法格式：$http.get('/someUrl',config).then(su
AngularJSXMLHttpRequest$http是AngularJS中的一个核心服务，用于读取远程服务器的数据。使用格式：//简单的GET请求，可以改为POST$http({ method:'GET', url:'/someUrl'}).then(functionsuccessCallback(response){ //请求成功执行代码 },functionerrorCallback(response){ //请求失败执行代码});简写方法POST与GET简写方法格式：$http.get('/someUrl',config).then(su
AngularJS过滤器过滤器可以使用一个管道字符（|）添加到表达式和指令中。AngularJS过滤器AngularJS过滤器可用于转换数据：过滤器描述currency格式化数字为货币格式。filter从数组项中选择一个子集。lowercase格式化字符串为小写。orderBy根据某个表达式排列数组。uppercase格式化字符串为大写。表达式中添加过滤器过滤器可以通过一个管道字符（|）和一个过滤器添加到表达式中。.(下面的两个实例，我们将使用前面章节中提到的person控制器)uppercase过滤器将字符串格式化为大写：AngularJS实例divng-app="myApp"ng-cont
AngularJS过滤器过滤器可以使用一个管道字符（|）添加到表达式和指令中。AngularJS过滤器AngularJS过滤器可用于转换数据：过滤器描述currency格式化数字为货币格式。filter从数组项中选择一个子集。lowercase格式化字符串为小写。orderBy根据某个表达式排列数组。uppercase格式化字符串为大写。表达式中添加过滤器过滤器可以通过一个管道字符（|）和一个过滤器添加到表达式中。.(下面的两个实例，我们将使用前面章节中提到的person控制器)uppercase过滤器将字符串格式化为大写：AngularJS实例divng-app="myApp"ng-cont
