2017年05月_骑着代马去流浪

原创 angular中使用multiselect实现二级下拉联动

在angular中用到了bootstrap-multiselect下拉插件，实现二级联动的效果：1）引入插件： 2）html下拉框： One Two Three {{x}} 3）js实现下拉效果，这里用到了$scope.mulLink（）函数，当一级改变的时候，用这个函数给二级下拉赋值该表其列表：

2017-05-16 14:34:57 2426

原创解决multiselect插件nonSelectedText不起作用的问题

bootstrap-multiselect插件功能很强大，能做出比较美观的下拉单选、多选、多选分组等效果，使用它的nonSelectedText属性给下拉按钮添加默认文字不起作用，需要在select标签中添加size属性，值需要大于1： One Two Three $(function(){ $('.items').multiselect({

2017-05-16 13:05:31 3069

原创第7篇：ui-router登录检查实现权限控制

做项目时用到了前端登录检查实现用户权限控制，在angularJS插件中用到了ui-router，可以利用本地存储实现对登录状态的监听，实现如下：1）登录成功，将登录信息写入本地存储：$.ajax({ type: 'POST', url: api.login_url, data: data,

2017-05-15 23:58:10 1848

转载第6篇：AngularJS路由去掉url里的#号刷新404（$locationProvider.html5Mode(true)刷新404）

原文地址：http://blog.fens.me/angularjs-url/前言天天都在用AngularJS，各类文档也都看过好几遍，但总是些编程上的事找不到优雅的解决办法。今天终于把AngularJS的项目访问路径URL里的#号去掉了，这个问题不见得有多难，关键是花多长时间去理解AngularJS框架本身。目录URL的#号问题找到错误原因静态网站的解

2017-05-15 17:30:38 2647

原创 angular中使用bootstrap-multiselect设置单选选中

使用multiselect设置选中的方法： $('selector').multiselect({ //各项参数配置 });//初始化下拉框 $('selector').multiselect('select','x');//设置下拉中的x选项选中 $('selector').multiselect('rebuild');//重建将x渲染上去举例说明使用angular设

2017-05-12 09:56:53 4011

原创第5篇：ui-router路由带参数跳转后controller执行两次的问题处理

最近用到了ui-router做项目：跳转路由：Create Offer路由配置：.state('createOffer', { url: "/offerManager/create/{id}", templateUrl: "./view/appOffer/offer/create/createOffer.html", controller:"cr

2017-05-11 10:56:43 3950

原创第4篇：ui-router 切换路由后页面不回到顶部的解决办法

在使用ui-router中用$state.go切换路由后，子页面不会回到顶部而是停留在上一个子页面对应的位置，若使用在ui-view使用autoscroll="true"的属性，当路由顶部有导航时并不能回到顶部，可以使用run配置监控路由变化：app.run(['$rootScope', '$state', function ($rootScope, $state){ 　　$rootSc

2017-05-11 10:02:23 2945

原创第3篇：angularJS使用ui-router的嵌套路由配置

引入js文件：<script type="text/javascript" src="lib/angular/angular-1.3.0.js"></script> <script type="text/javascript" src="lib/angular/angular-ui-router.js"></script>路由配置： 1）ui-serf配置<a ui-sref="a">

2017-05-10 22:52:30 724

骑着代码去流浪