随笔分类 -  Angular js

摘要:实现的功能如下图: DOM代码一样: 版本一:(low) 说明: 在每次按键抬起都会触发请求(比如,输入 angular,会触发7次搜索结果),造成浪费,影响加载速度。 版本一:(高大上) 说明:短暂延时,在连续快速输入(<500ms)时,不会触发请求,停顿时间>500ms时,才会一次性发送请求。 阅读全文
posted @ 2017-06-02 17:21 若鱼灬 阅读(387) 评论(0) 推荐(0) 编辑
摘要:功能:实现点击排序,再点击排倒序。 实现方法如下 方法一:定义变量实现点击切换true或false,代码为: 其中对应的html代码为: 方法二:函数也是对象,可以赋属性。 html代码同上。 阅读全文
posted @ 2017-04-10 17:44 若鱼灬 阅读(1802) 评论(0) 推荐(0) 编辑
摘要:angular的标签栏,有两种方法实现: 详细例子如下: 1、ng-show HTML模板如下: <div data-ng-show="detailDownTitle.count==0"> <div>Tab1</div> </div> <div data-ng-show="detailDownTit 阅读全文
posted @ 2016-11-29 20:52 若鱼灬 阅读(1971) 评论(0) 推荐(0) 编辑
摘要:1.属性指令 angularjs样式相关指令: ng-class ng-style ng-href ng-src ng-attr-(suffix) ng-bind ng-cloak 没解析完之前标签是隐藏的,解析完后标签是显示的,控制css的指令 ng-bind-template 支持多表达式'{{ 阅读全文
posted @ 2016-11-27 20:08 若鱼灬 阅读(301) 评论(0) 推荐(0) 编辑
摘要:不同过滤器的小demo。 currency number uppercase json limitTo date orderBy filter 过滤器扩展-组合使用 过滤器可以组合使用,通过多个 | 符号,比如: js中使用过滤器$filter 自定义过滤器 js中使用自定义过滤器 阅读全文
posted @ 2016-11-26 17:26 若鱼灬 阅读(319) 评论(0) 推荐(0) 编辑
摘要:$scope.$watch(watchFn , watchAction , deepWatch) 其中,watchFn是带有angular表达式或函数字符串; watchAction是一个函数或者表达式,当watchFn发生变化时调用,如果是函数,其签名是function(newValue, old 阅读全文
posted @ 2016-11-26 16:05 若鱼灬 阅读(174) 评论(0) 推荐(0) 编辑
摘要:angular.isArray angular.isDate angular.isDefined angular.isUndefined angular.isFunction angular.isNumber angular.isObject angular.isString angular.isE 阅读全文
posted @ 2016-11-25 19:14 若鱼灬 阅读(230) 评论(0) 推荐(0) 编辑