随笔分类 -  AngularJS

AngularJS之拖拽排序（ngDraggable.js）
摘要：ngDraggable.js是一款比较简单实用的angularJS拖拽插件，借助于封装好的一些自定义指令，能够快速的进行一些拖拽应用开发。首先先介绍一些基本的概念; ng-drop:是否允许放入拖拽元素 ng-drop-success($data, $event):拖拽元素放入的回调;$data：放 阅读全文
posted @ 2019-04-02 10:13 Gerryli 阅读(3272) 评论(0) 推荐(1)
input模拟输入下拉框
摘要：功能点： 输入、下拉选择、根据输入内容模糊检索、键盘上下键选择 实现思路： 显示隐藏： input获取焦点显示，失去焦点隐藏 下拉选择： 以父元素为基准，通过绝对定位定位至input输入下方 模糊检索： 监听输入数据的变化，过滤符合要求的数据 键盘上下选择： 监听input的键盘事件，判断keyco 阅读全文
posted @ 2019-02-28 08:43 Gerryli 阅读(4371) 评论(0) 推荐(1)
浅析AngularJS自定义指令之嵌入(transclude)
摘要：AngularJS自定义指令的嵌入功能与vue的插槽十分类似，都可以实现一些自定义内容展现。在开始之前先简单介绍下自定义指令的transclude属性和AngularJS的内置指令ng-transclude。 transclude: true: 表示指令元素内容（子元素）会被嵌入。 element: 阅读全文
posted @ 2019-02-15 15:37 Gerryli 阅读(774) 评论(0) 推荐(0)
AngularJS之前端解析excel文件
摘要：之前发现一款比较强大的js解析excel插件SheetJS js-xlsx，一直未投入到生产中使用。最近有批量导入的需求，大致看了下文档，使用比较方便快捷，容易上手，现在以AngularJS为例，介绍下其基本使用： 1、下载核心js文件xlsx.full.min.js，通过script标签引入到项目 阅读全文
posted @ 2019-01-19 14:34 Gerryli 阅读(2610) 评论(0) 推荐(1)
AngularJS之双向数据绑定,class绑定
摘要：之前一直都是用vue来完成一些日常开发，初入AngularJS,记录一些日常开发遇到的问题。 1、双向数据绑定 AngularJS与vue的区别在于，vue采用的是虚拟DOM，模板文件上绑定的一大堆指定指令什么的，最终并不会被编译到HTML DOM中，而AngularJS模板文件中编写的指令会切实存 阅读全文
posted @ 2019-01-17 19:17 Gerryli 阅读(1558) 评论(0) 推荐(1)
AngularJS之jeDate日期控件基本使用
摘要：业务背景： 初学AngularJs，最近一段时间，因业务需求，要求日期选择带有快捷键、时分秒等。鉴于AngularJS组件库ui-bootstrap没有此功能，找了一款基于原生JS实现的插件-jeDate,总体效果还可以 基本封装使用： 阅读全文
posted @ 2019-01-08 20:52 Gerryli 阅读(2276) 评论(0) 推荐(1)