随笔分类 - angular
摘要：$state.includes方法用于判断当前激活状态是否是指定的状态或者是指定状态的子状态.$state.includes(stateOrName,params,options)$state.includes方法接受三个参数,其中第二和第三个都不知道是干啥的...估计也不太用得到,就暂时不管了.....
阅读全文
摘要：angular.js的$timeout指令对window.setTimeout做了一个封装,它的返回值是一个promise对象.当定义的时间到了以后,这个promise对象就会被resolve,回调函数就会被执行.如果需要取消一个timeout,调用$timeout.cancel(promise)方...
阅读全文
摘要：angular.js有一个很强大的指令: ng-select它可以帮助你通过数据模型来创建select元素.它很好的支持了select标签的语法,但是却有点坑.假设有如下一段json数据:{ "myOptions": [ { "id": 106, ...
阅读全文
摘要：ng-repeat指令在迭代的时候,每次迭代都会创建一个新的scope,比如下面的代码: app.controller('listController',function($scope){ $scope.lists = [1,2,3,4,5] })div所在的scope就是list...
阅读全文
摘要：由于版本不同,可能有些问题在某些版本下出现,某些版本下不出现.指令不可平行(v1.3.2):多个指令不能这样一个接着一个排下去: 这样会导致的结果就是,只能读取,后面的两个指令被自动无视掉~~~凭空消失鸟~~~解决办法:每个指令放在一个div里 ...
阅读全文
摘要：本篇接着上一篇angular的uiRouter服务学习(3)继续讲解uiRouter的用法本篇主要讲解uiRouter的url路由大多数情况下,状态是和url相关联的: 当url改变,激活对应的状态.当状态发生改变,同步url. 所以,在设置状态的一开始,就应该把url路由的设计考虑进去,同时保持路...
阅读全文
摘要：本篇接着上一篇angular的uiRouter服务学习(2)继续讲解uiRouter的用法本篇主要讲解uiRouter的多个命名的视图我们可以给ui-view元素添加ui-view的值来给它命名,这样,一个视图模板里就可以有多个ui-view标签. 比如下面这个应用,它需要动态的填充一个图表,图表里...
阅读全文
摘要：本篇接着上一篇angular的uiRouter服务学习(1)继续讲解uiRouter的用法本篇主要讲解uiRouter的嵌套状态&嵌套视图嵌套状态的方法:状态和状态之间可以互相嵌套,状态的嵌套共有以下几种方式:1.使用'.state()'进行嵌套. 比如 .state('contact',{}).s...
阅读全文
摘要：angular有内置的路由服务$route:angular -- $route API翻译使用$route可以帮助实现路由的切换,视图的改变,但是这个内置的$route只包含了基本的功能,在很多场合下是不够用的.所以,需要学习使用uiRouter.首先,在页面中链入'angular-ui-route...
阅读全文
摘要：之前已经介绍了$location服务的基本用法:angular学习笔记(三十一)-$location(1).这篇是上一篇的进阶,介绍$location的配置,兼容各版本浏览器,等.*注意,这里介绍的是基于angular-1.3.2版本的,低版本的$location可能会有问题.hashbang模式和...
阅读全文
摘要：在这篇文章中angular学习笔记(三十)-指令(10)-require和controller说到了通过require属性和controller参数来让指令与指令之间互相交互.本篇主要介绍的是指令与ngModel指令的交互.也就是说,ngModel指令虽然是内置的,但它也有自己的controller...
阅读全文
摘要：之前说过了angular是如何给表单的数据进行基本的,常用的验证的:angular学习笔记(二十)-表单验证但是在实际工作中,这些验证是远远不够的,很多时候我们需要自定义一些验证规则,以及一些异步,需要向后台发送请求的验证.这篇文章就来讲解,如何自定义验证规则.同时,这篇文章还是angular指令中...
阅读全文
摘要：本篇主要讲解angular中的linky这个过滤器.此过滤器依赖于ngSanitize模块.linky能找出文本中的链接,然后把它转换成html链接.什么意思,就是说,一段文本里有一个链接,但是这个链接没有被a标签嵌套,linky能把它找出来,然后给它加上a标签并且给a链接添加正确的href属性,还...
阅读全文
摘要：本篇主要讲解angular中的$sanitize这个服务.此服务依赖于ngSanitize模块.要学习这个服务,先要了解另一个指令: ng-bing-html.顾名思义,ng-bind-html和ng-bind的区别就是,ng-bind把值作为字符串,和元素的内容进行绑定,但是ng-bind-htm...
阅读全文
摘要：ng-model-options是angular-1.3新出的一个指令,这篇文章就来介绍这个指令的用法.ng-model-options允许我们控制ng-model何时进行同步. 比如:1.当某个确定的事件被触发的时候 2.在指定的防抖动延迟时间之后,这样视图值就会在指定的时间之后被同步到模型.为了...
阅读全文
摘要：这篇文章到底要讲什么呢? 这必须要从栗子开始讲起...看下面这两段代码:demo1:http://jsfiddle.net/ujzmvp3j/1/demo2:http://jsfiddle.net/m2d2b6qL/'foo',服务中有一个name属性,它分别被注入到ctrlOne和ctrlTwo两...
阅读全文
摘要：在这之前angular学习笔记(十五)-module里的'服务'这篇文章里,已经大致讲解了ng中的'服务',在之后的很多地方也用到了服务,但是,所有的服务都是使用app.factory来创建的.但其实,创建服务有5种方法,这篇文章就来具体讲解ng中的五种服务类型.首先,为了举栗子,先写好如下的模型,...
阅读全文
摘要：本篇介绍angular中的$location服务的基本用法,下一篇介绍它的复杂的用法.$location服务的主要作用是用于获取当前url以及改变当前的url,并且存入历史记录.一. 获取url的相关方法:以 'http://localhost/$location/21.1%20$location....
阅读全文
摘要：这篇文章来讲解一下angular内置的filter过滤器.没错,这个过滤器的名字,就叫'filter',虽然自定义过滤器也是使用module.filter()...但是不要混淆了,这个filter就是过滤器的名字~这个过滤器是干嘛的呢? 它的作用是: '从数组中过滤出需要的项,放入新的数组并返回这个...
阅读全文
摘要：在AngularJS v1.3.0-beta.14 这个版本里,使用query方法,如果传递进来的数据不是数组,会报错.在AngularJS v1.2.18 这个版本里,使用query方法,如果传递进来的数据不是数组,而是json对象,也不会报错,而是把json对象当做数组来进行处理\建议使用v1....
阅读全文
