您现在的位置:首页 >> 前端 >> 内容

Angular的结构

时间:2017/4/11 9:23:00 点击:

  核心提示:Angular的结构:一、三大核心函数$watch:监听变化 $digest:遍历修改 $apply:渲染二、DI(依赖注入)数组标注/内联式注入 inject属性注入/标记式注入 隐式声明依赖/推断...

Angular的结构:一、三大核心函数

$watch:监听变化 $digest:遍历修改 $apply:渲染

二、DI(依赖注入)

数组标注/内联式注入 inject属性注入/标记式注入 隐式声明依赖/推断式注入

三、过滤器

货币过滤器 大小写过滤器 number数字过滤器 orderBy过滤器 自定义服务过滤器 JSON过滤器 limitTo限制过滤器

四、服务

$root(局部作用域) $rootScope(根作用域) $http(promise()异步对象) $filter(过滤服务) $timeout(用法与settimeout一样) $interval

五、指令

ng-app ng-controller ng-module ng-click ng-bind;ng-cloak(防止页面出现表达式) 等等。。。

六、作用域之间的通信方式

继承作用域通信(父controller嵌套子controller会共享数据) $rootScope(不同作用域都可以访问到根作用域的值)

通过事件进行传递

子controller通过$.emit(“事件名”,“数据”) 父controller通过.on("事件名",function(data){.broadcast(“事件名”,data)}方法监听变化并广播给所有子组件

通过自定义服务来存储(自定义service来存储数据)

七、自定义指令

directive
1.restrict:“ECMA”(元素、类名、注释、属性 来替换相应的内容)
2.隔离作用域(scope)

八、路由

ng-router(单个ng-view) ui-router(ng-view可嵌套)

九、自定义服务

factory(配置简单服务,配置http) service(面向对象的形式改写factory) provider(所有服务的底层)

Tags:AN NG GU UL 
作者:网络 来源:Smart_px