2017年7月19日
angular学习笔记(十四)-$watch(2)
摘要： 下面来看一个$watch的比较复杂的例子: 购物车例子, 给它添加一个计算总价和折扣的功能,如果总价超过500,则优惠10%: 代码如下: 把需要计算的三个数据: 总价,折扣,现价,放在一个bill对象中, 监测商品列表items数组的变化,设置$watch的第三个参数为true,这样,商品的数据一 阅读全文
posted @ 2017-07-19 14:32 铭绘 阅读(164) 评论(0) 推荐(0) 编辑
angular学习笔记(十四)-$watch(1)
摘要： $watch是所有控制器的$scope中内置的方法: $scope.$watch(watchObj,watchCallback,ifDeep) watchObj: 需要被检测的对象,可以是以下任意一种: 1. 某个数据,监测这个数据的值是否发生变化 2. 一条angular表达式,监测表达式的结果是 阅读全文
posted @ 2017-07-19 14:31 铭绘 阅读(234) 评论(0) 推荐(0) 编辑
angular学习笔记(九)-css类和样式
摘要： 再来看一个选择li列表的例子: 点击li中的任意项,被点击的li高亮显示: 阅读全文
posted @ 2017-07-19 14:00 铭绘 阅读(1686) 评论(0) 推荐(0) 编辑
2017年7月18日
angularjs: ng-select和ng-options
摘要： angular.js有一个很强大的指令: ng-select 它可以帮助你通过数据模型来创建select元素.它很好的支持了select标签的语法,但是却有点坑. 假设有如下一段json数据: { "myOptions": [ { "id": 106, "group": "Group 1", "la 阅读全文
posted @ 2017-07-18 18:09 铭绘 阅读(375) 评论(0) 推荐(0) 编辑
angularjs之$timeout指令
摘要： angular.js的$timeout指令对window.setTimeout做了一个封装,它的返回值是一个promise对象.当定义的时间到了以后,这个promise对象就会被resolve,回调函数就会被执行. 如果需要取消一个timeout,调用$timeout.cancel(promise) 阅读全文
posted @ 2017-07-18 18:07 铭绘 阅读(6984) 评论(0) 推荐(0) 编辑
angular的uiRouter服务学习(5) --- $state.includes()方法
摘要： $state.includes 方法用于判断当前激活状态是否是指定的状态或者是指定状态的子状态. $state.includes(stateOrName,params,options) $state.includes方法接受三个参数,其中第二和第三个都不知道是干啥的...估计也不太用得到,就暂时不管 阅读全文
posted @ 2017-07-18 17:31 铭绘 阅读(274) 评论(0) 推荐(0) 编辑
2017年7月17日
深究AngularJS——如何获取input的焦点（自定义指令）
摘要： 关于如何获取input框、textarea等的焦点，网上有许多文章都只是会跟你说ng-focus这个内置指令。像这种解答，只能说明作者并为真正理解人家的需求。ng-focus是一个事件，跟原生JS（JavaScript）的onfocus是一样的，当我们点击input框时，就会触发该事件，而在该事件里 阅读全文
posted @ 2017-07-17 15:53 铭绘 阅读(1444) 评论(0) 推荐(0) 编辑
AngularJS自定义指令详解（有分页插件代码）
摘要： 除了 AngularJS 内置的指令外，我们还可以创建自定义指令。 通过 .directive() 函数来添加自定义的指令。 调用自定义指令时，需要在HTMl 元素上添加自定义指令名。 自定义指令命名规则：使用驼峰命名法来命名，即除第一个单词外的首字母需大写。如： myDirective。 在htm 阅读全文
posted @ 2017-07-17 15:13 铭绘 阅读(390) 评论(0) 推荐(0) 编辑
深究AngularJS——自定义服务详解(factory、service、provider)
摘要： 3种创建自定义服务的方式。 Factory Service Provider 大家应该知道，AngularJS是后台人员在工作之余发明的，他主要应用了后台早就存在的分层思想。所以我们得了解下分层的作用，如果你是前端人员不了解什么是分层，那么你最好问问你后台的小伙伴。 dao层：就是Model层，在后 阅读全文
posted @ 2017-07-17 14:58 铭绘 阅读(440) 评论(0) 推荐(0) 编辑
AngularJS 事件指令/input相关指令/样式指令/DOM操作指令详解
摘要： 1.AngularJS 事件指令 (1)ng-click 鼠标点击事件 [html] <button ng-click="count = count + 1" ng-init="count=0"> Increment </button> <span> count: {{count}} </span> 阅读全文
posted @ 2017-07-17 14:45 铭绘 阅读(444) 评论(0) 推荐(0) 编辑