Angularjs
文章平均质量分 81
快乐的程序媛
我要成为一个快乐的程序媛!
展开
-
神奇的angularJS——简单的angular例子
Angularjs转载 2017-03-16 10:57:04 · 1321 阅读 · 0 评论 -
angularjs $watch
(1)$watch简介在digest执行时,如果watch观察的的value与上一次执行时不一样时,就会被触发。AngularJS内部的watch实现了页面随model的及时更新。$watch方法在用的时候主要是手动的监听一个对象,但对象发生变化时触发某个事件。转载 2017-07-12 20:05:00 · 1737 阅读 · 0 评论 -
angular-ui-select 支持搜索的 下拉选择框 的使用
github地址:https://github.com/angular-ui/ui-select默认支持所有唯一性字段的匹配。可以配置只有一种。通过channelList | filter: {description: $select.search},或者通过自己对数据组装。原创 2017-07-15 15:11:26 · 7948 阅读 · 0 评论 -
定义asyncExportFile服务,通过异步下载导出文件
要解决的问题:导出文件超时。解决思路:异步下载方式进行导出。先生成下载任务,然后轮询文件名,生成文件名的时候,再执行下载。由于系统中需要执行导出的操作较多,因此将导出方法封装成了一个服务asyncExportFile,分别注入到各个需要执行下载任务的controller中。(1)执行下载任务的asyncExportFile服务:'use strict';/** * @ng原创 2017-07-14 00:43:43 · 2129 阅读 · 0 评论 -
angularjs input 表单校验指令整理
input[text]input[checkbox]input[radio]input[date]input[datetime-local]input[month]input[time]input[week]input[number]input[email]input[url]转载 2017-07-14 00:20:50 · 1603 阅读 · 0 评论 -
Jquey插件封装成指令
http://www.jq22.comhttp://www.17sucai.com/preview/41162/2015-12-18/hplus1/hplus1/index.html#找到想要使用的插件,下载下来,看其Index.html怎么用的。以时间控件为例,其Index.html如下:所以,把jquer_shiyan.js和shiyan.css分别原创 2017-07-14 00:18:02 · 351 阅读 · 0 评论 -
自己写的数字最大最小值numvalue-check指令
产品要求:输入框输入数据之后,失去焦点后就进行最大最小值校验,以及错误提示。但是angular自带指令max,min,在封装后,要点击确认按钮,form-submit之后才会提示错误。所以干脆自己写了一个。因为后面又说可以为空,所以就把不能为空这个注释掉了。备注:(1)调试时,在html中加上下面这个可以提示是否捕获到了定义的error。{{formValidator.transfer原创 2017-07-14 00:12:37 · 895 阅读 · 0 评论 -
angularjs 组内自定义require指令在时间输入框中引用时出现的问题及排查
问题一:【入驻日期】字段为【必填】,但前面没有出*。 加的required指令可以要求为必填,(指令使用要求:只有提交按钮是form-submit才可以在都通过验证的情况下提交。而且input输入框有form-control类,指令才可以为input元素添加CSS定制样式,然后最外面的上要有form-group类。如果是td,则必须有name属性,且td的name要每个都不一样。)原创 2017-07-13 14:28:30 · 561 阅读 · 0 评论 -
Angularjs 前端数据用orderBy排序,单表头和多表头处理,单表头不默认排序
之所以要在单表头的时候,自己写一个过滤器,是因为angularjs内置的orderBy在单表头的时候默认给我升序排序了,而他的排序又只是在视图层面更新,不会更新我的scope域中的数据,可是我需要获取第一行的值,使那一行高亮,并传给另一个服务,获取相关联的其他数据。尝试了半天,把排序字段初始值设置为undefined和null,他都会给我排序,所以干脆自己写一个过滤器。原创 2017-06-06 22:23:28 · 5018 阅读 · 0 评论 -
AngularJS 之ng-options指令
1.基本下拉效果(lable for value in array) 其中select标签中的ng-model属性必须有,其值为选中的对象或属性值。?1234567891011121314151617181920212223242526"ng转载 2017-06-06 20:26:52 · 1355 阅读 · 0 评论 -
深入浅出AngularJs中的Service
学习AngularJ是有一个多月了,感觉它确实是一个不错的前端框架。用起来确实舒服多了。如果你有后台开发的思维,并精通Javascripts的话,那理解起来就更是轻松多了。控制器,指令,路由,服务,依赖注入这些在用服务器端程序语言进行开发时,在架构分层中那都是些耳熟能详的概念。AngularJS的核心:双向绑定。在WPF,Silverlight中MVVM模式中那也是很不错的东西。在前端框架Knoc转载 2017-05-30 21:43:46 · 382 阅读 · 0 评论 -
AngularJS 1.5 版本Component详解
现在比较火的前段JS框架像 VUE,REACK,ANGULAR,这三种框架都有共同的特点那就是,双向数据绑定,组件化开发。而在angular1.5的版本之前,都是以directive作为组件化的形式,而directive本身是一个指令,而并非是一个组件,所以它并不能很好的承担组件这一个职责,所以google在angular1.5的版本中推出了component组件,用于承担应用之中组件化开发的重担转载 2017-05-30 20:24:15 · 4699 阅读 · 0 评论 -
Directive的命名和使用规则(js中驼峰,html中变-)
Directive的命名和使用规则在前一节中,我们创建了一个名为"people"的Directive。并且通过 使用了它。但是,在实际应用场景中,我们的命名通常不止1个单词,这时候我们就需要注意Directive的命名和使用规则。对Directive的命名,AngularJS是有特殊的规则需求的。并且,在JavaScript中的命名,与在HTML对应使用时的名称不一样!命名规则转载 2017-05-16 22:08:49 · 1280 阅读 · 0 评论 -
angularjs input校验质量
input[text]input一般和ngModel结合使用来实现双向绑定,同时angular提供了很多表单校验的指令required 必填ngRequired 必填(ngRequired可以控制是否是必填校验)ngMinlength 最小长度ngMaxlength 最大长度pattern 正则匹配ngPattern 正则匹配ngChange 内容改变时触发ngTrim 是否tri转载 2017-05-16 22:04:13 · 759 阅读 · 0 评论 -
angularJS中service、factory、provider使用和区别
转载:http://blog.csdn.NET/evankakaAngualrJs中可用来注入的有三种类型,service、factory、provider,这三种写法不样,用法也都不一样。其中,service只实例化一次,其实就是单例模式的思想。无论我们在什么地方注入我们的service,将永远使用同一个实例。所以对很多在controller层中的操作就可以放到serivce层中去。An转载 2017-04-17 14:20:01 · 894 阅读 · 0 评论 -
angularJS中service、provice、factor区别
provider, factory和service都是写AngularJS的service中常用的关键字,很容易混淆,写了一个简单的例子显示他们之间的区别:分别用service,factory和provider定义三个service:转载 2017-04-17 14:14:59 · 1433 阅读 · 0 评论 -
神奇的angularJS --连接controller的桥梁 service
angularJS --连接controller的桥梁 service转载 2017-03-16 14:50:13 · 1055 阅读 · 0 评论 -
神奇的angularJS——controller控制器的作用
angularJS——controller控制器的作用转载 2017-03-16 11:00:22 · 1154 阅读 · 0 评论 -
angularjs工作原理解析
个人觉得,要很好的理解AngularJS的运行机制,才能尽可能避免掉到坑里面去。在这篇文章中,我将根据网上的资料和自己的理解对AngularJS的在启动后,每一步都做了些什么,做一个比较清楚详细的解析。 首先上一小段代码(index.html),结合代码我们来看看,angular一步一步都做了些什么。 Hello {{name}转载 2017-09-03 11:33:31 · 2044 阅读 · 0 评论