#AngularJS AngularJS是一款由Google公司开发维护的前端MVC框架， 其克服了HTML在构建应用上的诸多不足，从而降低了开发成本提升了开发效率。 #AngularJS下载 1 AngularJs官网下载 翻墙 2 通过npm下载 npm install angular 3 通过bower下载 bower install angular#AngularJs与j

AngularJS 路由和多视图 body { padding: 0; margin: 0; background-color: #F7F7F7; font-family: Arial; } .wrapper { width: 980px; margin: 50px auto; } ul { padding: 0; mar

AngularJS 模块加载之 运行块<!-- AngularJS模块:可以在被加载和执行之前对自身进行配置 我们可以在应用加载阶段配置不同的逻辑 ##配置快: 通过config方法实现对模块的配置,AngularJS中的服务多数都对应一个provider, 用来执行与对应服务相同的功能或对其配置,比如$log、$http、$location都是内置服务， 相对应的“provi

AngularJS 模块加载之 配置快<!-- AngularJS模块:可以在被加载和执行之前对自身进行配置 我们可以在应用加载阶段配置不同的逻辑 ##配置快: 通过config方法实现对模块的配置,AngularJS中的服务多数都对应一个provider, 用来执行与对应服务相同的功能或对其配置,比如$log、$http、$location都是内置服务， 相对应的“provi

AngularJS 自定义服务 <!-- 自定义服务:所谓服务是将一些通用性的功能逻辑进行封装方便使用， AngularJS允许将自定义服务 服务本质就是一个对象或函数，所以自定义服务就是要返回一个对象或函数以供使用 --> 自定义factory名为showTime1的服务:{{now}} 自定义service名为showTime2

AngularJS $http跨域<!-- 服务:服务是一个对象或函数，对外提供特定的功能. 内建服务: 1: $location是对原生Javascript中location对象属性和方法的封装。 2: $timeout&$interval对原生Javascript中的setTimeout和setInterval进行了封装。 3: $filter在控制器中格式化数据。 4

$http用于向服务端发起异步请求。 $http服务<!-- 服务:服务是一个对象或函数，对外提供特定的功能. 内建服务: 1: $location是对原生Javascript中location对象属性和方法的封装。 2: $timeout&$interval对原生Javascript中的setTimeout和setInterval进行了封装。 3: $filter在控制器中格

$log打印调试信息 服务<!-- 服务:服务是一个对象或函数，对外提供特定的功能. 内建服务: 1: $location是对原生Javascript中location对象属性和方法的封装。 2: $timeout&$interval对原生Javascript中的setTimeout和setInterval进行了封装。 3: $filter在控制器中格式化数据。 4: $l

$filter 服务<!-- 服务:服务是一个对象或函数，对外提供特定的功能. 内建服务: 1: $location是对原生Javascript中location对象属性和方法的封装。 2: $timeout&$interval对原生Javascript中的setTimeout和setInterval进行了封装。 3: $filter在控制器中格式化数据。 4: $log打

$timeout&$interval 服务<!-- 服务:服务是一个对象或函数，对外提供特定的功能. 内建服务: 1: $location是对原生Javascript中location对象属性和方法的封装。 2: $timeout&$interval对原生Javascript中的setTimeout和setInterval进行了封装。 3: $filter在控制器中格式化数据。

$location服务 <!-- 服务:服务是一个对象或函数，对外提供特定的功能. 内建服务: 1: $location是对原生Javascript中location对象属性和方法的封装。 2: $timeout&$interval对原生Javascript中的setTimeout和setInterval进行了封装。 3: $filter在控制器中格式化数据。 4: $lo

<!-- 依赖关系: AngularJS采用模块化的方式组织代码，将一些通用逻辑封装成一个对象或函数， 实现最大程度的复用，这导致了使用者和被使用者之间存在依赖关系。 依赖注入: 所谓依赖注入是指在运行时自动查找依赖关系，然后将查找到依赖传递给使用者的一种机制。 注入分类: 推断式注入: 没有明确声明依赖，AngularJS会将函数参数名称当成是依赖的名称 缺点 :这种

--> --> --> // 定义一个模块 App就是新创建的模块，这个模块又是一个对象 // 在此对象下又有N多方法，可以实现具体业务逻辑 var App = angular.module('dome',[]); // 自定义指令 :通过模块实例对象的directive方法 App.directive('tag', func

AngularJS 自定义滤器<!-- 自定义滤器：除了使用AngularJS内建过滤器外，还可以根业务需要自定义过滤器， 通过模块对象实例提供的filter方法自定义过滤器。--> {{info|capitalize:123}}{{name}} var App = angular.module('App', []); App.contro

AngularJS 过滤器<!-- 在AngularJS中使用过滤器格式化展示数据，在“{{}}”中使用“|”来调用过滤器，使用“:”传递参数。--> {{price|currency:'$'}} {{now|date:'yyyy/MM/dd hh:mm:ss'}} <!-- 日期格式化，年（y）、月（M）、日（d）、 星期（EEEE

angularjs 作用域<!-- #控制器嵌套: 通常AngularJS中应用（App）是由若干个视图（View）组合成而成的， 而视图（View）又都是HTML元素，并且HTML元素是可以互相嵌套的， 另一方面视图都隶属于某个控制器（Controller），进而控制器之间也必然会产生嵌套关系。 #作用域 : 每个控制器（Controller）又都对应一个模型（Mo

AngularJS 指令 --> .red { color: red; } .blue { color: blue; } <!-- 指令:HTML在构建应用（App）时存在诸多不足之处，AngularJS通过扩展一系列的HTML属性 或标签来弥补这些缺陷，所谓指令就是AngularJS自定义的HTML属性或标签， 这些指令都是以ng-做为前缀的

<!-- AngularJS是以数据做为驱动的MVC框架，所有模型（Model）里的数据经由控制器（Controller） 展示到视图（View）中。 所谓数据绑定指的就是将模型（Model）中的数据与相应的视图（View）进行关联， 分为单向绑定和双向绑定两种方式。 指定模块 一个页可以有多个模块，但是不能互想嵌套 一般只会有一个 --> {{nam

AngularJS 路由-参数,模块配置,布局模板 body { padding: 0; margin: 0; background-color: #F7F7F7; font-family: Arial; } .wrapper { max-width: 980px; margin: 50px auto; } ul { paddi