随笔分类 -  AngularJS学习

angular内置provider之$compileProvider
摘要：一、方法概览 directive(name, directiveFactory) component(name, options) aHrefSanitizationWhitelist([regexp]); imgSrcSanitizationWhitelist([regexp]); debugIn 阅读全文
posted @ 2017-09-27 00:05 zc的救赎 阅读(1962) 评论(0) 推荐(0)
angular高级篇之transclude使用详解
摘要：angular指令的transclude属性是一个让初学者比较难以理解的地方，transclude可以设置为false（默认），true或者对象三种值，如果不设该属性就默认为false，也就是说你不需要将该指令所在元素包含的内容嵌入到模板中。 当transclude为true的时候，这时指令所在元素 阅读全文
posted @ 2017-09-20 09:45 zc的救赎 阅读(2661) 评论(0) 推荐(0)
angualr高级篇之elem.scope()、elem.isolateScope和$compile(elem)(scope)中scope的区别
摘要：在angular的使用过程中我们经常用$rootScope.$new()为elem创建一个新的作用域scope，然后使用$compile(elem)(scope)编译这个含有指令的元素。那么这里传进去的scope到底是哪里的作用域？scope.$$childHead是... 阅读全文
posted @ 2017-09-15 15:59 zc的救赎 阅读(444) 评论(0) 推荐(0)
angular1.x + ES6开发风格记录
摘要：angular1.x和ES6开发风格一、ModuleES6有自己的模块机制，所以我们要通过使用ES6的模块机制来淡化ng的框架，使得各业务逻辑层的看不出框架的痕迹，具体的做法是：把各功能模块的具体实现代码独立出来。module机制作为一个壳子，对功能模块进行封装。每个... 阅读全文
posted @ 2017-07-24 14:56 zc的救赎 阅读(321) 评论(0) 推荐(0)
ngRoute路径出现#!#解决方案
摘要：在做一个开源项目的时候，使用了"angular-route": "^1.6.4"，发现设置了标签的href后，点击后路径出现的不是#/，而是#!#。然而我并没有设置hashPrefix。About点击标签后地址栏中出现：http://localhost:9000/#!... 阅读全文
posted @ 2017-05-28 22:50 zc的救赎 阅读(299) 评论(0) 推荐(0)
Angular通信$q服务和promise对象
摘要：promise约定（promise）是一个对象，表示在未来时间点会发生的某件事情，约定可以是三种状态之一：等待、完成或拒绝。约定将从等待状态开始，然后可以转换为完成或者拒绝状态，一旦约定完成或者被拒绝，它就无法再改变状态。例如我们的$http服务返回的就是一个经过包装... 阅读全文
posted @ 2017-05-23 11:29 zc的救赎 阅读(191) 评论(0) 推荐(0)
探究Angular依赖注入对象$injector
摘要：$injector其实是一个IOC容器，包含了很多我们通过.module()和$provide创建的模块和服务。$injector服务提供了对依赖注入器对象的访问，当然我们也可以调用angular.injector()来获得注入器。var injector1 = an... 阅读全文
posted @ 2017-05-22 17:44 zc的救赎 阅读(191) 评论(0) 推荐(0)
Angular服务的5种创建方式
摘要：config配置块Angular应用的运行主要分为两部分：app.config()和app.run()，config是你设置任何的provider的阶段，从而使应用可以使用正确的服务，需要注意的是在配置块中只有provider能被注入（只有两个例外是$provide和... 阅读全文
posted @ 2017-05-22 16:10 zc的救赎 阅读(549) 评论(0) 推荐(0)
angular指令之complie和link不得不说的故事
摘要：angular指令比较晦涩难懂的就是complie和link字段了，什么时候该用complie？什么时候该用link？总是很难分别清楚。当理解了指令的真正编译原理的时候，就会发现这相当的简单。ng怎样处理指令其实是依赖于它定义时的对象属性的,你可以定义一个compil... 阅读全文
posted @ 2017-05-21 16:14 zc的救赎 阅读(399) 评论(0) 推荐(0)
angular指令中的preLink函数和postLink函数
摘要：指令模板选项有complie和link两个字段，两者之间存在如下关系：当compile字段存在时，link字段将被忽略，compile函数的返回值将作为link字段。当compile不存在，link字段存在时，angular通过这样directive.compile ... 阅读全文
posted @ 2017-05-21 14:58 zc的救赎 阅读(234) 评论(0) 推荐(0)
angular指令的4种设计模式
摘要：指令的功能集非常丰富，不过我们已经发现了指令的帕累托分布：使用angular编写的大量指令只会用到可用性和设计模式中很小的比例，这些指令大概可以分为4类：只渲染指令——这些指令将渲染作用域中的数据，但不会修改数据。事件处理封装器——这些指令将封装事件处理程序，从而与数... 阅读全文
posted @ 2017-05-21 14:15 zc的救赎 阅读(343) 评论(0) 推荐(0)
angular核心$watch，$digest，$apply之间的联系
摘要：浏览器事件发生时，会在浏览器的上下文window中执行，而angular有自己的上下文angular content，angular 事件在自己的上下文angular content中执行。$watch$watch组成了双向绑定的一边，在指定的表达式改变时调用，每个作... 阅读全文
posted @ 2017-05-21 01:35 zc的救赎 阅读(144) 评论(0) 推荐(0)
angular控制器常用的4种通信方式
摘要：首先概括一下angular控制器通信的4种方式：作用域继承。通过$scope广播事件。事件发射器模块。服务。1、作用域的继承子作用域可以访问声明在它们的祖先作用域中的变量和函数。 this prints '42':{{answer}} m.controller('... 阅读全文
posted @ 2017-05-20 15:53 zc的救赎 阅读(175) 评论(0) 推荐(0)
angular控制器、服务和指令三者之间的关系
摘要：从总体来看，这三个组件的关系如下所示：服务负责从远端服务器抓取和存储数据。基于服务构建的控制器将为angular的作用域层次提供数据和功能。基于服务和控制器构建的指令将直接与文档对象模型（DOM）元素进行交互。因为控制器并未使用依赖注入器进行注册，所以控制器和服务无法... 阅读全文
posted @ 2017-05-20 15:01 zc的救赎 阅读(400) 评论(0) 推荐(0)
Invalid environment specified: http://datatables.org/alltables.env
摘要：获取Yahoo股票的API会报错：http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.quotes%20where%20symbol%20in%20(%27AAPL%... 阅读全文
posted @ 2017-05-12 15:41 zc的救赎 阅读(150) 评论(0) 推荐(0)
ng-options指令语法
摘要：ng-options一般有以下用法对于数组：label for value in arrayselect as label for value in arraylabel group by group for value in arrayselect as label... 阅读全文
posted @ 2017-05-12 10:27 zc的救赎 阅读(236) 评论(0) 推荐(0)
angular指令中@，=，&的区别
摘要：当directive中的scope设置为一个对象的时候，该指令就有了一个独立的作用域，AngularJS提供了一种绑定策略用于隔离作用域和外部作用域进行通信。1、@（or @attr）使用@符号可以进行单项的数据绑定，取值总是一个字符串，所以要用{{}}。另外这也是一... 阅读全文
posted @ 2017-05-04 19:08 zc的救赎 阅读(532) 评论(0) 推荐(0)