![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
AngularJS
柳絮飞祭奠
这个作者很懒,什么都没留下…
展开
-
Angularjs自定义指令计算浏览器高度
[code="java"]柳絮飞祭奠 var app=angular.module("app",[]); /** * height-remove 设置窗口高度需要移除的高度值,如移除顶部导航高度50 * height-tag 设置是按height还是min-height设置高度值,height才会出现滚动条。 ...2018-03-27 21:51:01 · 251 阅读 · 0 评论 -
ng-show和ng-if的区别和使用场景
[size=x-large]一、ng-show(ng-hide)和ng-if都是控制标签的显示和隐藏,为什么angularjs会定义两个指令来供我们使用呢,不多多说肯定有各自的使用场景,接下来我们看哈实际原理:ng-show实质性就是控制标签的显示和隐藏,内部是display: none;ng-if则是移除标签和插入标签:;[/size][size=x-large][color=red...2017-10-11 23:31:50 · 221 阅读 · 0 评论 -
[置顶] AngularJS实战之路由ui-sref-active使用
[size=x-large]当我们使用angularjs的路由时,时常会出现一个需求,当选中菜单时把当前菜单的样式设置为选中状态(多数就是改变颜色)[/size][size=x-large]接下来就看看Angular-UI-Router里的指令ui-sref-active 的使用其意思就是查看当前激活状态并设置 Class[/size]代码:[code="java"]...2017-09-11 20:42:45 · 618 阅读 · 0 评论 -
AngularJS实战之路由ui-view传参
[align=center][size=x-large]angular路由传参[/size][/align][size=x-large]首页[/size][code="java"]路由传参 柳絮飞祭奠 $state.go传参数 传参数...2017-08-25 00:50:36 · 106 阅读 · 0 评论 -
AngularJS实战之filter的使用二
[size=x-large]博文一中的filter是angular自带的filter,一般不会满足我们的使用。我们可以自定义filter。[/size][size=x-large]一、自定义filter实现反转字符串[/size][code="java"]{{ceshi|reverse}}[/code][code="java"]app.filter('reverse', funct...2017-08-24 23:01:57 · 69 阅读 · 0 评论 -
AngularJS实战之filter的使用一
[size=large]一、格式化数字为货币格式。 [/size][code="java"]{{money|currency:"$"}}{{money|currency:"RMB"}}[/code]script:[code="java"]app.controller("crl", function($scope, $filter) { $scope.money="4545&qu2017-08-24 22:36:02 · 91 阅读 · 0 评论 -
AngularJS实战之路由ui-view
[b][size=large]1. 路由(ui-router)[/size][/b][size=large]1.1. 环境[/size][size=large]1) angular.min.js2) angular-ui-router-0.2.10.js3) 确保确保包含ui.router为模块依赖关系.4) var app=angular.module("app",['ui....2017-08-18 01:15:59 · 241 阅读 · 0 评论 -
AngularJs ng-repeat用法二$parent.$index
[size=x-large]我们在开发时时常会出现repeat嵌套使用的情况,此时会想获取父级repeat数组的下标可使用[color=red]$parent.$index[/color][/size]2017-07-22 18:38:27 · 896 阅读 · 0 评论 -
AngularJs ng-class用法
[size=x-large]定义model file对象根据fiel对象的不同状态改变li样式[/size][code="java"][/code][size=x-large]ok 搞定[/size]2017-07-12 21:02:27 · 103 阅读 · 0 评论 -
ng-repeat动态改变样式
[color=red][size=x-large]当我们使用AngularJs的ng-repeat时候动态绑定数据时,遇到遍历出来的标签样式都一样,这时候希望根据数组的下标分别对应不同的样式[/size][/color]解决:使用$index获取数组下标根据下标改变样式[code="java"] {{item.DirName}} [/code]...2017-07-12 20:56:29 · 287 阅读 · 0 评论 -
AngularJS实战之ng-repeat的详细用法
[color=red][size=x-large]一、基本语法[/size][/color][size=medium]{{$index}}:获取元素的下标。{{$first}}:判断当前元素是否是第一个元素,是则为true,否则:false;{{$last}}:判断当前元素是否是最后一个元素,是则为true,否则:false;{{$middle }}:判断当前元素是否是中间元素,,...2017-10-13 21:23:09 · 432 阅读 · 0 评论 -
AngularJS 无限滚动加载数据控件 ngInfiniteScroll
[color=red][size=x-large]在开发中我们可能会遇到滚动鼠标到浏览器底部实现数据的加载,js和jquery实现都不复杂都是既然AngularJS提供现成的我们怎么不用昵。[/size][/color][size=x-large]ng-infinite-scroll.js这个组件则可以实现:[/size][size=x-large]ng-infinite-scroll.j...2017-10-13 22:03:11 · 208 阅读 · 0 评论 -
AngularJS的$location基本用法和注意事项
[color=red][size=x-large]一、配置config[/size][/color][size=x-large]app.config([ '$locationProvider', function($locationProvider) { $locationProvider.html5Mode({ //设置为html5Mode(模式),当为false时...2017-10-16 15:31:01 · 132 阅读 · 0 评论 -
AngularJS封装webupload实现文件夹上传
[size=x-large]百度的webupload没有开放api获取整个文件夹的信息。本文是二次开发webupload实现获取文件夹信息。[/size]指令封装[code="java"]/** * @license lx.ui.framework v1.0.0 * (c) 2017-2018 lx, Inc.n * @author lx */(function(w...2018-03-14 00:11:54 · 247 阅读 · 0 评论 -
巧用 Jersey RESTful WebService框架解决文件上传乱码
[size=large]一、当我们使用jersey框架封装的restful进行文件上传时,会出现中文乱码,试用了过滤器设置编码都不管用。仔细想了很久解决办法,就用一个servelt来代替这个上传的restful接口实现上传的逻辑。二、不过后来对restful设计风格和jersey底层的初步研究,发现其实可以使用jersey作为入口来接收文件流,处理还是用apache提供的commons-file...原创 2019-01-24 13:30:33 · 496 阅读 · 0 评论 -
AngularJS封装UEditor
[code="java"]ueditorbutton { border-radius: 2px; background: #0B70B1; color: #FFF; border: 1px solid #0B70B1} 提交 //上传编辑器内容 var...2018-01-09 18:35:53 · 133 阅读 · 0 评论 -
Angularjs的directive封装ztree
[size=large]一般我们做web开发都会用到树,恰好ztree为我们提供了多种风格的树插件。[/size][size=large]接下来就看看怎么用Angularjs的directive封装ztree[/size][code="java"]liuxu.html 已选择 [list] {{item.Name}}...2017-12-16 13:41:25 · 296 阅读 · 0 评论 -
AngularJS实战之cookie的读取
[code="java"]cookies.html 设置 获取 移除 var cookies = angular.module("cookies", [ 'ngCookies' ]); cookies.controller("cookies_controller", function($scope, $cookieSt...2017-11-21 12:53:53 · 154 阅读 · 0 评论 -
AngularJS中$interval和$timeout的使用
[size=x-large]我们在项目中会出现定时刷新,延迟加载等多种场景。接下来就看$interval和$timeout的使用$interval可用于定时任务,我们只需在controller注入$interval即可使用.下面是每十秒钟执行一次alert()函数。[/size][code="java"]app.controller("ctrl", function($scop...2017-11-18 12:49:38 · 248 阅读 · 0 评论 -
AngularJS实战之ngAnimate插件实现轮播
[color=red][size=x-large]第一步:引入angular-animate.js[/size][/color][color=red][size=x-large]第二步:注入ngAnimate[/size][/color][code="java"] var lxApp = angular.module("lxApp", [ 'ngAnimate' ]);[/code]...2017-11-08 21:44:39 · 177 阅读 · 0 评论 -
AngularJS实战之Controller之间的通信
[color=red][size=x-large]我们时常会在不同controller之间进行通信,接下来就介绍三种controller之间的通信方式[/size][/color][color=red][size=x-large]一、使用$on、$emit和$broadcast进行controller通信[/size][/color]虽然AngularJS是不推荐使用嵌套control...2017-10-22 23:13:44 · 106 阅读 · 0 评论 -
AngularJS监听数组变化
[size=x-large]我们在使用angualr的监听时候,业务的需要我们会去监听一个数组的某一个值得变化,再写逻辑代码。然而我们在使用$scope.$watch(“”,function(){})时候会发现不管用,这是由于$scope.$watch是有三个参数的,默认情况下是$scope.$watch(“”,function(){},false),只是去监听数组的地址是否发生变化,...2017-10-22 12:55:30 · 701 阅读 · 0 评论 -
AngularJS的select设置默认值
[color=red][align=center][size=medium]AngularJS的select设置默认值[/size][/align][/color]在使用Angular时候使用select标签时会遇到绑定数据指定默认显示值可这样实现[code="java"] angular.module("noteApp",...2017-07-03 16:08:54 · 297 阅读 · 0 评论