angular
rainbow8590
这个作者很懒,什么都没留下…
展开
-
angular指令中scope的绑定策略
angular指令中scope的绑定策略 scope的作用是让父与子的scope可以进行传递数据,它的绑定一般分为三种情况: @ :把当前属性作为字符串传递,还可以绑定来自外层scope上的值,在属性中插入{{}}即可; =: 与父scope中的属性进行双向绑定; &:传递一个来自父scope中的函数,稍后调用。 '@' 的使用 js部分: var app = angular.module原创 2017-10-24 15:59:39 · 514 阅读 · 0 评论 -
angularjs路由
SPA 单一页面应用程序 特点: 不产生页面跳转 把若干个功能集成到一个页面 动态生成数据,通过ajax获取数据 增强用户体验 提升性能 实现原理: 通过锚点的跳转 实现过程: 1.监听hashchange事件,当hash改变的时候获取hash= location.hash 2.将hash作为请求的参数传递给请求地址 >> url = url?hash=has原创 2017-10-24 15:59:10 · 183 阅读 · 0 评论 -
angularjs服务
服务是一个对象或函数,对外提供特定的功能 $location: 处理url 内置方法 : absUrl():全部的url路径 url():第一个#之后的部分 host():主机名 search():在#之后的查询参数(自动转为json对象) hash():第一个#之后的#号之后的路径 protocal(): 协议 port() :端口号 定时器服务 $timeout $interval原创 2017-10-24 15:59:06 · 132 阅读 · 0 评论 -
angular中内置的九种过滤器
过滤器是angular来格式化展示数据的,用 ‘|’来调用过滤器,如果要传参数使用 ':'。 货币转换 currency {{123 | currency }} //$123 {{123 | currency:'¥' }} //¥123 格式化时间 date {{new Date() | date:'yyyyMMdd'}} //2016/11/02 yyyy/yy : 2016 / 16(年原创 2017-10-24 15:59:02 · 1328 阅读 · 0 评论 -
angular自定义指令
angular自定义指令 angularJS 中内置了很多指令,但是有时候这些内置的指令满足不了我们的需求,这时候我们就需要自己定义指令,angular中提供了自定义的指令的方法,使用关键字directive,下面介绍一下他的参数: 参 数 描 述 template 这是自定义指令的模板,一般放html文件。 replace true/false原创 2017-10-24 15:58:59 · 551 阅读 · 0 评论 -
angular常用内置指令
angular常用指令 指令名称 描述 ng-app 用来定义模块的作用范围 ng-controller 用来定义控制器的作用范围 ng-repeat 循环遍历数组 ng-bind 绑定数据 同{{}} ng-show 用来显示或隐藏元素 值为true / false ,原理是设置元素的display ng-hide 用来显示或隐藏元素 值为true / fals原创 2017-10-24 15:58:42 · 283 阅读 · 0 评论