AngularJs
摸路
这个作者很懒,什么都没留下…
展开
-
AngularJs可拖拽排序列表
angular-sortable-view 是一款很好用的angularJs可拖拽列表排序插件,使用也非常简单,其内部封装了几个指令,直接注入模块,调用指令即可实现功能。使用说明: sv-root 根据名字也能大概猜出功能,主原创 2018-07-25 10:45:43 · 3054 阅读 · 0 评论 -
AngularJs禁止冒泡事件
$event.stopPropagation();今天看见一个比较恶心的需求,就是点击表格的 <tr> 第一格的 <input type="checkbox"> 选中,问题来了, 不知情的情况下去点击<input type="checkbox">会发现无法选中。<tr ng-repeat="item in myProductList" ng原创 2018-07-19 18:08:18 · 677 阅读 · 0 评论 -
angularJs HighChart插件
AngularJs调用highChart模块插件&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;highchart 插件是一款非常实用而且兼容性强大的数据可视化图标插件,基本常用的图表都有实例,只需要引入模块,然后调整数据结构即可完成此功能。1、在自己的module中引入 highcharts-ng 模块angular.module(&quo原创 2018-07-30 14:43:04 · 549 阅读 · 0 评论 -
angularJs file ng-change无效及上传后清空选中的文件
file ng-chanage失效 Angular对应 onchange 事件的指令是 ng-chanage ,但是在input[type = file] 时 ng-change 是无效的。原因: ng-change 要与 ng-model 一起使用,但是对于file来讲, ng-model 无...原创 2018-08-14 14:29:30 · 2327 阅读 · 0 评论 -
ng-model在ng-if和ng-switch下绑定无效
原因:ng-if 或者 ng-switch 指令会创建一个子级作用域,因此使用 ng-model 在绑定变量时 $scope 是相对父作用域的,因此无法取到该变量。解决方案: 1. 使用 ng-show 代替 ng-if 2. 绑定变量时使用$parent.o...原创 2018-11-16 16:21:01 · 549 阅读 · 0 评论 -
angular select 用法
angular select用法1:数组 // 循环数组 $scope.books = [ {"id": 1, "name": "Chinese", "number": "2"}, {"id": 2, "name&q原创 2018-06-28 17:55:25 · 592 阅读 · 0 评论 -
angularJs回车事件
AngularJS 回车事件是借助指令 ng-keyup 完成,ng-keyup 指令用于告诉 AngularJS 在指定 HTML 元素上按键松开时需要的操作。ng-keyup 指令不会覆盖元素的原生 onkeyup 事件, 事件触发时,ng-keyup 表达式与原生的 onkeyup 事件将都会执行。 因此,...原创 2018-06-26 11:31:05 · 2525 阅读 · 0 评论 -
AngularJs去掉链接中的“#”
angularjs的路由机制会给链接中添加一个“#”,是跳到子页面的锚点。由于项目需求,需要将链接中的“#”去掉,其实angular还提供了html5Mode()跳转机制。1、在angular.module.config文件中注入“$locationProvider”angular.module("app",["ui.router"]) .config(function($loca原创 2018-01-04 15:47:33 · 1400 阅读 · 0 评论 -
angularJs上传图片、设定图片宽高及图片预览
封装angularJs上传图片的指令多不胜数,只能上传图片,无法判断图片的宽高,往往对于某些特定的界面,想要最好的客户体验必须上传特定比例或大小的图片。封装一个功能齐全的指令可以剩下很多重复工作。上传图片<!DOCTYPE html><html lang="en">&原创 2018-05-10 17:48:01 · 2055 阅读 · 0 评论 -
ui-router传参
angularJS的ui-router传参配置不好的话会发现传过去的参数只是一次性的,也就是刚跳到界面的时候可以捕获到这个参数,再次刷新的时候这个参数就获取不到了。ui-router传参首先来看一下相关的三个属性: sta原创 2018-04-26 18:16:09 · 466 阅读 · 0 评论