AngularJS学习笔记-2

时间 2019-12-11

原文原文链接

1.$scopecss

$scope是一个POJO(Plain Old JavaScript Object)
$scope提供了一些工具方法$watch()/$apply()
$scope是表达式的执行环境（即做用域）
$scope是一个树形结构，与DOM标签平行
子$scope对象会继承父$scope上的属性和方法
每个angular应用只有一个根$scope对象（通常位于ng-app上）
$scope能够不只是MVC的基础，也是后面实现双向数据绑定的基础
能够用angular.element($0).scope()进行调试html

2.Controller使用过程当中的注意点
不要试图去复用Controller，一个控制器通常只负责一小块视图
不要在Controller中操做DOM,这不是控制器的职责
不要在Controller里面作数据过滤操做，ng有$filter服务
不要在Controller里面作数据格式化，ng有很好用的表单控件
通常来讲，Controller是不会互相调用的，控制器之间的交互会经过事件进行前端

3.模块angularjs

ng
AngularJS的默认模块，包含AngularJS的全部核心组件。
ngRoute浏览器

AngularJS是一套前端的MVC框架。那么，为了实现视图的中转，确定会涉及到路由的概念。ngRoute便是AngularJS的路由模块。安全

ngAnimate
AngularJS的动画模块，使用ngAnimate各类核心指令能为你的应用程序提供动画效果。动画可以使用css或者JavaScript回调函数。服务器

ngAria
使用ngaria为指令注入共同的可达性属性和提升残疾人用户体验。cookie

ngResource
当查询和发送数据到一个REST 服务器时，使用ngResource模块。app

ngCookies
ngCookies模块提供了一个方便的包用于读取和写入浏览器的cookies。框架

ngTouch
ngRoute模块提供触摸事件，方便的应用于移动触摸设备。它的实现是实现是基于jQuery移动触摸事件处理。

ngSanitize
ngSanitize模块可安全地在你的应用程序中解析和操做HTML数据。

ngMessages
AngularJS表单验证模块。ngMessages模块完美的实现了不少表单验证的经常使用功能，简化你的开发流程。

4.AngularJS 动画

需在应用中使用模型 ngAnimate：
<body ng-app="ngAnimate">
若是咱们应用已经设置了应用名，能够把 ngAnimate 直接添加在模型中：

ngAnimate 模型能够添加或移除 class 。
ngAnimate 模型并不能使 HTML 元素产生动画，可是 ngAnimate 会监测事件
，相似隐藏显示 HTML 元素，若是事件发生 ngAnimate 就会使用预约义的 class 来
设置 HTML 元素的动画。
AngularJS 添加/移除 class 的指令:
ng-show
ng-hide
ng-class
ng-view
ng-include
ng-repeat
ng-if
ng-switch

ng-show 和 ng-hide 指令用于添加或移除 ng-hide class 的值。
其余指令会在进入 DOM 会添加 ng-enter 类，移除 DOM 会添加 ng-leave 属性。
当 HTML 元素位置改变时，ng-repeat 指令一样能够添加 ng-move 类。

5.过滤器：
过滤器能够使用一个管道字符（|）添加到表达式和指令中。

参考连接：http://www.runoob.com/angularjs/angularjs-tutorial.html