angularJs
文章平均质量分 59
Moosechenc
既然一无所有,又怎么会害怕失去
展开
-
关于$emit $broadcast 和&on的个人理解
总结:(1)当使用$rootScope.$emit("$emit",{})进行冒泡事件的时候,接收冒泡事件从最根元素往下按页面激活注册顺序传播,只有已经进行激活注册监听的控制器可以接收到冒泡事件消息,无论是父级元素(控制器),兄弟元素,子元素都可以接收到消息,并且接收消息的形式只能用$rootScope.$on("$emit",function(){})(2)当使用$scope.$emit原创 2016-08-18 17:49:25 · 1103 阅读 · 0 评论 -
AngularJs $cacheFactory 缓存服务
可能之前的api写的有些枯燥吧,因为不烧脑,不需要很多逻辑思维来做处理,那么之后的文章会有趣很多,慢慢的开始烧脑了,准备好大量脑细胞的死亡吧~ 先来篇简单的缓存服务。本文将api文档里的$cacheFactory和 $cacheFactory.Cache 放到一起学习,其实就差不多的东西。$cacheFoctory用于生成一个用来存储缓存对象的服务,并且提供对对象的访问。$ca转载 2016-08-24 10:36:25 · 3004 阅读 · 0 评论 -
AngularJs ngInclude、ngTransclude
这两个都是HTML DOM嵌入指令ngInclude读取,编译和插入外部的HTML片段。格式:ng-include=“value” class=”ng-include:value”value:string类型 模板id或者模板urlex:表达式,载入的时候执行。autoscroll:页面载入后,当ngInclude需要调用$anchorScroll移动到指定位置的时候使转载 2016-08-24 10:00:23 · 361 阅读 · 0 评论 -
AngularJs ngIf、ngSwitch、ngHide/ngShow
在组合这些ng指令写到一篇文章里的时候,基本是有规则的,本兽会将功能相似相近的一类整合到一篇文章,方便理解和记忆。这篇的三个指令也都是对DOM元素的操作,页面上显示/隐藏的判断,添加/移除的判断。ngIfngIf指令会根据指定的表达式返回的boolean类型值对该元素做添加到/移除出Dom树的操作。格式:ng-if=“value”value:表达式 返回结果为boolean类转载 2016-08-24 09:44:38 · 888 阅读 · 0 评论 -
AngularJs ngList、ngRepeat、ngModelOptions
ngList在文本输入的分隔的字符串和字符串数组间做转换,可以是一个固定的字符串分隔符(默认逗号)或正则表达式。格式:ng-list=”value”value:表达式 通过这个值分隔字符串。使用代码: div ng-app="Demo" ng-controller="testCtrl as ctrl"> input ng-model="ctrl.list" n转载 2016-08-23 21:13:01 · 647 阅读 · 0 评论 -
AngularJs ngHref、ngSrc、ngCopy/ngCut/ngPaste
ngHref在Angular程序没完成改变链接上用{{hash}}方式绑定的href值的时候,当用户点击该链接会跳到一个错误的页面。格式:ng-href=”value”value:表达式。使用代码: a ng-href="http://www.xxxxx.com">点击进入xxxxx网站a>如果href绑定的url是动态绑定(从就是代码中绑定到view),使用的是转载 2016-08-23 17:03:58 · 617 阅读 · 0 评论 -
AngularJs ngClass、ngClassEven、ngClassOdd、ngStyle
这几个都关于样式及类名修改的,所以先把样式代码贴上吧。 .red{color:red} .blue{color:blue}写案例用到的样式就这么简单的两个,下面进入正题。ngClassngClass指令允许在HTML标签上通过绑定一个代表所有将被添加的类的表达式去动态的设定CSS类名。该指令操作有三种不同的方式,根据三种类型的表达式计算结果为:转载 2016-08-23 16:00:21 · 542 阅读 · 0 评论 -
AngularJs ngChange、ngChecked、ngClick、ngDblclick
ngChange当用户更改输入时,执行给定的表达式。表达式是立即进行执行的,这个和javascript的onChange事件的只有在触发事件的变化结束的时候执行不同。格式:ng-change=”value”value: 表达式。使用代码: div ng-app="Demo" ng-controller="testCtrl as ctrl"> i原创 2016-08-23 15:16:03 · 385 阅读 · 0 评论 -
AngularJs ngApp、ngBind、ngBindHtml、ngNonBindable
ngApp使用这个指令自动启动一个AngularJS应用。ngApp指令指定了应用程序的根节点,通常会将ngApp放置在网页的根节点如或标签的。格式:ng-app=”value”value:当前应用程序模块的名称。使用代码: div ng-app="starer">div>需要注意的是:1.3版本以前的是可以不设置值的,1.3只后就是必需的了,转载 2016-08-23 15:09:52 · 446 阅读 · 0 评论 -
关于angular.copy extend 和merge的理解
Copyangular.copy is a deep copy.var o1 = { name: 'David', age: 26, skill: {} };var o2 = angular.copy(o1);console.log(o2);// Output: { name: 'David', age: 26, skill: {} }console.log(o1 === o2);/原创 2016-08-23 14:28:16 · 1220 阅读 · 0 评论 -
angularJs 一些API
angular.bind描述:上下文,函数以及参数动态绑定,返回值为绑定之后的函数. 其中args是可选的动态参数,self在fn中使用this调用。使用方法:angular.bind(self,fn,args );self: 参数类型object对象 fn的上下文对象,使用this调用fn: function 被绑定的functionargs *原创 2016-08-23 11:18:13 · 1047 阅读 · 0 评论 -
angularJs数据类型判断
angular.isArray判断括号内的值是否为数组。格式:angular.isArray(value);value: 被判断是否为数组的值。---------------------------------------------------------------angular.isDate判断括号内的值是否是一个时间。格式:angul转载 2016-08-23 11:50:29 · 11323 阅读 · 0 评论 -
AngularJs angular.injector、angular.module
angular.injector创建一个injector对象, 调用injector对象的方法可用于获取服务以及依赖注入。格式:angular.injector(modules);modules: Array 注入的模块(一个或多个)。使用代码: (function () { angular.module("firstModule", [])转载 2016-08-23 11:45:22 · 782 阅读 · 0 评论 -
AngularJs angular.Module模块接口配置
angular.ModuleAngular模块配置接口。方法:provider(name,providerType);name:服务名称。providerType:创建一个服务的实例的构造函数。factory(name,providerFunction);name:服务名称。providerFunction:创建服务的实例的函数。service(name,con转载 2016-08-24 10:48:46 · 1313 阅读 · 0 评论