实习第六周
时间:2022-07-23
本文章向大家介绍实习第六周,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
后台对接接口
1.ng 获取checkbox数值
2.ng获取多选框
// 获取选择功能
$scope.result = [];
$scope.select = function(id, event) {
console.log(event)
console.log(action)
var action = event.target;
if (action.checked) {
if ($scope.result.indexOf(id) == -1) {
$scope.result.push(id);
}
} else {
var idx = $scope.result.indexOf(id);
if (idx != -1) {
$scope.result.splice(idx, 1);
}
}
}
3.权限管理的checkbox获取与显示
1)请求到权限,遍历到数组
var permissions = []
for (var i = 0, len = info.length; i < len; i++) {
permissions.push(info[i].permissionId)
}
2)前端代码
<div class="treecheck">
<ul>
<li>
<input type="checkbox" ng-click="select(1,$event)" id="1" ng-checked="select1" name="selected"> 首页
</li>
<li>
<input type="checkbox" ng-click="select(2,$event)" id="2" ng-checked="select2" name="selected"> 数据分析
</li>
......
</ul>
</div>
3)后台判断权限并在前台勾选
使用switch-case
$scope.oncheck = function(n) {
$log.log("ok oncheck?")
switch (n) {
case "1":
$scope.select1 = true;
$log.log("1ok")
$scope.result.push(1)
break;
case "2":
$scope.select2 = true;
$log.log("2ok")
$scope.result.push(2)
break;
.....
}
}
遍历权限并调用选取函数
for (i = 0, len = permissions.length; i < len; i++) {
$scope.oncheck(permissions[i])
$log.log(permissions[i])
}
4)显示结果
4.修改browsersync的端口号
由于默认的3000与我的服务有冲突 所以修改端口号为其他的
gulp.task('browserSync', function() {
browserSync.init({
// 路径
server: {
baseDir: './'
},
port: 3010//设置端口号
})
})
5.ng1.x directive自定义指令的link属性
link: function(scope,element,attrs)
1)scope 与指令元素相关联的当前作用域 2)element 当前指令对应的元素,使用它可以操作该元素及其子元素 3)attrs 由当前元素的属性组成的对象
6.centos 安装 nginx
http://www.linuxidc.com/Linux/2016-09/134907.htm
7.自己服务器的MySQL被黑了
shell备份mysql脚本:https://github.com/qidizi/linux-shells/blob/master/mysql-backup-by-root-crontab.sh
8.解决“/bin/bash^M: bad interpreter: No such file or directory”
http://www.cnblogs.com/amit/p/5350122.html
- 微信 Android 视频编码爬过的那些坑
- 少年,这有套《街霸2》AI速成心法,想传授于你……
- 你知道android的MessageQueue.IdleHandler吗?
- 《Android基础:Fragment,看这篇就够了》
- Android 7.0中ContentProvider实现原理
- 《iOS APP 性能检测》
- iOS 11 安全区域适配总结
- Linux下巧用chattr、watch命令的实例
- 【特斯拉组件】iOS高性能PageController
- SUSE Linux系统在线安装软件命令zypper参数详解
- Linux下通过rdesktop连接Windows远程桌面
- 微信iOS收款到账语音提醒开发总结
- React Native按需加载 手Q狼人杀探索之路
- nginx日志切割及7天前的历史日志删除脚本
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Logstash: 如何创建可维护和可重用的 Logstash 管道
- 手把手教你微信好友头像形成指定的文字
- Logstash: 应用实践 - 装载 CSV 文档到 Elasticsearch
- LeetCode 剑指 Offer 28. 对称的二叉树
- Mysql拼接查询结果
- 手把手教你如何重建二叉树(超精彩配图)
- 一文搞定插入排序算法
- LeetCode 107. 二叉树的层次遍历 II
- LeetCode 103. 二叉树的锯齿形层次遍历
- 我是怎么一步一步调试出来二叉树的遍历(超精彩配图),二叉树遍历再也不用愁了
- 重中之重的二分查找
- LeetCode 剑指Offer 面试题27. 二叉树的镜像
- 一文搞定选择排序算法
- 一文搞定冒泡排序算法
- 剑指Offer LeetCode 面试题25. 合并两个排序的链表