Angular 学习总结笔记

AngularJS 通过 ng-directives 扩展了 HTML。


ng-app 指令定义一个 AngularJS 应用程序(angular应用程序的范围)。网页加载完毕时会自动引导（自动初始化）应用程序
ng-init 指令初始化应用程序数据。
ng-model 指令把元素值（比如输入域的值）绑定到应用程序。
ng-bind 指令把应用程序数据绑定到 HTML 视图(相当于使用表达式{{}})。
ng-repeat 指令会重复一个 HTML 元素




AngularJS Scope(作用域)


Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。
Scope 是一个对象，有可用的方法和属性。
Scope 可应用在视图和控制器上
$Scope是一个模型，也是一个js对象，有属性和方法，这些属性和方法可以在视图（view）和控制器（control）中使用
    
    $rootScope，可以作用于ng-app指令包含的所有HTML元素中，可作用于整个作用域中


    $Scope和$rootScope的区别是：
    前者作用于某一个具体的控制器中，后者可以在各个控制器中使用




AngularJS控制器 （ng-contraller）


AngularJS 应用程序由 ng-app 定义。应用程序在 <div> 内运行。
ng-controller="myCtrl" 属性是一个 AngularJS 指令。用于定义一个控制器。
myCtrl 函数是一个 JavaScript 函数。
AngularJS 使用$scope 对象来调用控制器。
在 AngularJS 中， $scope 是一个应用象(属于应用变量和函数)。
控制器的 $scope （相当于作用域、控制范围）用来保存AngularJS Model(模型)的对象。
控制器在作用域中创建了两个属性 (firstName 和 lastName)。
ng-model 指令绑定输入域到控制器的属性（firstName 和 lastName）。




AngularJS过滤器(过滤器可以使用一个管道字符（|）添加到表达式和指令中)


    | currency  将数字格式化为货币格式($9.99)
    | filter   从数组项中选择一个子集
    | lowercase  格式化字符串为小写
    | uppercase   格式化字符串为大写
    | orderBy   根据某个表达式排列数组




AngularJS服务(service)


在 AngularJS 中，服务是一个函数或对象，可在你的 AngularJS 应用中使用。
AngularJS 内建了30 多个服务。


$http 是 AngularJS 应用中最常用的服务。 服务向服务器发送请求，应用响应服务器传送过来的数据(测试成功)。
$timeout 是   window.setTimeout函数
$interval 是   window.serInterval函数
还可以通过  app.service()自定义服务




AngularJS HTML DOM


ng-disabled
ng-disabled 指令绑定应用程序数据 "mySwitch" 到 HTML 的 disabled 属性。
ng-model 指令绑定 "mySwitch" 到 HTML input checkbox 元素的内容（value）


ng-show（ng-hide）
ng-show="true"可见
ng-show="false"隐藏




AngularJS事件




AngularJS模块


通过 AngularJS 的 angular.module 函数来创建模块：
var app = angular.module("myApp", []);