2015年12月17日
摘要: form.FormControllerFormController跟踪所有他所控制的和嵌套表单以及他们的状态,就像有效/无效或者脏值/原始。每个表单指令创建一个FormController实例。方法:$addControl();给表单注册一个控制器。使用了ngModelController的输入元素... 阅读全文
posted @ 2015-12-17 14:18 杨杨0708 阅读(882) 评论(0) 推荐(0)
摘要: angular.ModuleAngular模块配置接口。方法:provider(name,providerType);name:服务名称。providerType:创建一个服务的实例的构造函数。factory(name,providerFunction);name:服务名称。providerFunc... 阅读全文
posted @ 2015-12-17 14:17 杨杨0708 阅读(293) 评论(0) 推荐(0)
摘要: 这里讲的是一些scope的操作,如创建/注销/各种监听及scope间的通信等等。$rootScope.Scope可以使用$injector通过$rootScope关键字检索的一个根作用域。可以通过$new()方法创建子作用域。(大多子作用域是在HTML模板被执行编译时自动生成)格式:$rootSco... 阅读全文
posted @ 2015-12-17 14:16 杨杨0708 阅读(686) 评论(0) 推荐(0)
摘要: $compile这是个编译服务。编译一段HTML字符串或者DOM的模板, 产生一个将scope和模板连接到一起的函数。编译服务主要是为指令编译DOM元素,下面的一大段也是主要介绍指令的。下面是一个被声明的带指令定义对象的指令的示例: var myModule = angular.module(..... 阅读全文
posted @ 2015-12-17 14:15 杨杨0708 阅读(997) 评论(0) 推荐(0)
摘要: 可能之前的api写的有些枯燥吧,因为不烧脑,不需要很多逻辑思维来做处理,那么之后的文章会有趣很多,慢慢的开始烧脑了,准备好大量脑细胞的死亡吧~ 先来篇简单的缓存服务。这里野兽把api文档里的$cacheFactory和$cacheFactory.Cache 放到一起学习。$cacheFoctory... 阅读全文
posted @ 2015-12-17 14:14 杨杨0708 阅读(354) 评论(0) 推荐(0)
摘要: 在组合这些ng指令写到一篇文章里的时候,基本是有规则的,野兽把功能相似相近的一类大多会组合到一起,方便理解和记忆。这篇的三个指令也都是对DOM元素的操作,页面上显示/隐藏的判断,添加/移除的判断。ngIfngIf指令会根据指定的表达式返回的boolean类型值对该元素做添加到/移除出Dom树的操作。... 阅读全文
posted @ 2015-12-17 14:13 杨杨0708 阅读(987) 评论(0) 推荐(0)
摘要: 这两个都是HTML DOM嵌入指令ngInclude读取,编译和插入外部的HTML片段。格式:ng-include=“value” class=”ng-include:value”value:string类型 模板id或者模板urlex:表达式,载入的时候执行。autoscroll:页面载入后,当n... 阅读全文
posted @ 2015-12-17 14:13 杨杨0708 阅读(763) 评论(0) 推荐(0)
摘要: ngReadonly该指令将input,textarea等文本输入设置为只读。HTML规范不允许浏览器保存类似readonly的布尔值属性。如果我们将一个Angular的插入值表达式转换为这样的属性,那么当浏览器删除该属性时,绑定信息就会丢失。这个指令不被浏览器删除,并且提供了一个永久性的可靠的地方... 阅读全文
posted @ 2015-12-17 14:12 杨杨0708 阅读(2562) 评论(0) 推荐(0)
摘要: ngKeydown/ngKeypress/ngKeyup该指令在按键按下/按键按下/按键松开时执行指定表达式。ngKeydown和ngKeypress略有不同,目前的测试是ngKeypress针对系统按键是无效的,而ngKeydown可以。ngKeyup指令在按键松开的时候执行。使用代码: {{c... 阅读全文
posted @ 2015-12-17 14:11 杨杨0708 阅读(5744) 评论(0) 推荐(1)
摘要: ngList在文本输入的分隔的字符串和字符串数组间做转换,可以是一个固定的字符串分隔符(默认逗号)或正则表达式。格式:ng-list=”value”value:表达式 通过这个值分隔字符串。使用代码: {{ctrl.list}} (functio... 阅读全文
posted @ 2015-12-17 14:11 杨杨0708 阅读(855) 评论(0) 推荐(0)
摘要: ngHref在Angular程序没完成改变链接上用{{hash}}方式绑定的href值的时候,当用户点击该链接会跳到一个错误的页面。格式:ng-href=”value”value:表达式。使用代码: 点击进入xxxxx网站如果href绑定的url是动态绑定(从就是代码中绑定到view),使用的是h... 阅读全文
posted @ 2015-12-17 14:10 杨杨0708 阅读(680) 评论(0) 推荐(0)
摘要: ngCsp处理CSP(上下文安全策略)的支持。当开发如google浏览器的扩展时候这个就必须使用。CSP禁止应用程序使用eval和Function(string)生成的函数。如果我们需要兼容,我们只需要使用$parse执行getterfn而不违反这些限制。AngularJs使用Function(st... 阅读全文
posted @ 2015-12-17 14:09 杨杨0708 阅读(5381) 评论(0) 推荐(0)
摘要: ngCloakngCloak指令是为了防止Angular应用在启动加载的时候html模板将会被短暂性的展示。这个指令可以用来避免由HTML模板显示造成不良的闪烁效果。格式: ng-cloak class=“ng-cloak“使用代码: {{'Hello World'}} {{'Hello Wor... 阅读全文
posted @ 2015-12-17 14:08 杨杨0708 阅读(585) 评论(0) 推荐(0)
摘要: 这几个都关于样式及类名修改的,所以先把样式代码贴上吧。 .red{color:red} .blue{color:blue}写案例用到的样式就这么简单的两个,下面进入正题。ngClassngClass指令允许在HTML标签上通过绑定一个代表所有将被添加的类的表达式去动态的设定CSS类名。该指令操作... 阅读全文
posted @ 2015-12-17 14:07 杨杨0708 阅读(402) 评论(0) 推荐(0)
摘要: 对于ng-系列的指令,每篇文章写2-5个吧,不然显得文章好短....ngApp使用这个指令自动启动一个AngularJS应用。ngApp指令指定了应用程序的根节点,通常会将ngApp放置在网页的根节点如或标签的。格式:ng-app=”value”value:当前应用程序模块的名称。使用代码: 需要... 阅读全文
posted @ 2015-12-17 14:06 杨杨0708 阅读(641) 评论(0) 推荐(0)
摘要: ngChange当用户更改输入时,执行给定的表达式。表达式是立即进行执行的,这个和javascript的onChange事件的只有在触发事件的变化结束的时候执行不同。格式:ng-change=”value”value: 表达式。使用代码: (function... 阅读全文
posted @ 2015-12-17 14:06 杨杨0708 阅读(2136) 评论(0) 推荐(0)
摘要: angular.injector创建一个injector对象, 调用injector对象的方法可用于获取服务以及依赖注入。格式:angular.injector(modules);modules: Array 注入的模块(一个或多个)。使用代码: (function () { angular... 阅读全文
posted @ 2015-12-17 11:52 杨杨0708 阅读(709) 评论(0) 推荐(0)
摘要: angular.isArray判断括号内的值是否为数组。格式:angular.isArray(value);value: 被判断是否为数组的值。---------------------------------------------------------------angular.isDate判... 阅读全文
posted @ 2015-12-17 11:51 杨杨0708 阅读(10905) 评论(0) 推荐(0)
摘要: angular.uppercase将指定的字符串转换成大写格式:angular.uppercase(string);string:被转换成大写的字符串。使用代码: var str = "ABCabc"; var upperCase = angular.uppercase(str);//ABCAB... 阅读全文
posted @ 2015-12-17 11:49 杨杨0708 阅读(750) 评论(0) 推荐(0)
摘要: angular.bind返回一个调用self的函数fn(self代表fn里的this).可以给fn提供参数args(*).这个功能也被称为局部操作,以区别功能。格式:angular.bind(self,fn,args);self:object 对象; fn的上下文对象,在fn中可以用this调用fn... 阅读全文
posted @ 2015-12-17 11:49 杨杨0708 阅读(435) 评论(0) 推荐(0)