2015年12月17日
摘要：
form.FormControllerFormController跟踪所有他所控制的和嵌套表单以及他们的状态，就像有效/无效或者脏值/原始。每个表单指令创建一个FormController实例。方法：$addControl();给表单注册一个控制器。使用了ngModelController的输入元素... 阅读全文
posted @ 2015-12-17 14:18
杨杨0708
阅读(884)
评论(0)
推荐(0)
摘要：
angular.ModuleAngular模块配置接口。方法：provider(name,providerType);name：服务名称。providerType：创建一个服务的实例的构造函数。factory(name,providerFunction);name：服务名称。providerFunc... 阅读全文
posted @ 2015-12-17 14:17
杨杨0708
阅读(296)
评论(0)
推荐(0)
摘要：
这里讲的是一些scope的操作，如创建/注销/各种监听及scope间的通信等等。$rootScope.Scope可以使用$injector通过$rootScope关键字检索的一个根作用域。可以通过$new()方法创建子作用域。（大多子作用域是在HTML模板被执行编译时自动生成）格式：$rootSco... 阅读全文
posted @ 2015-12-17 14:16
杨杨0708
阅读(689)
评论(0)
推荐(0)
摘要：
$compile这是个编译服务。编译一段HTML字符串或者DOM的模板， 产生一个将scope和模板连接到一起的函数。编译服务主要是为指令编译DOM元素，下面的一大段也是主要介绍指令的。下面是一个被声明的带指令定义对象的指令的示例： var myModule = angular.module(..... 阅读全文
posted @ 2015-12-17 14:15
杨杨0708
阅读(1003)
评论(0)
推荐(0)
摘要：
可能之前的api写的有些枯燥吧，因为不烧脑，不需要很多逻辑思维来做处理，那么之后的文章会有趣很多，慢慢的开始烧脑了，准备好大量脑细胞的死亡吧~ 先来篇简单的缓存服务。这里野兽把api文档里的$cacheFactory和$cacheFactory.Cache 放到一起学习。$cacheFoctory... 阅读全文
posted @ 2015-12-17 14:14
杨杨0708
阅读(358)
评论(0)
推荐(0)
摘要：
在组合这些ng指令写到一篇文章里的时候，基本是有规则的，野兽把功能相似相近的一类大多会组合到一起，方便理解和记忆。这篇的三个指令也都是对DOM元素的操作，页面上显示/隐藏的判断，添加/移除的判断。ngIfngIf指令会根据指定的表达式返回的boolean类型值对该元素做添加到/移除出Dom树的操作。... 阅读全文
posted @ 2015-12-17 14:13
杨杨0708
阅读(1017)
评论(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
阅读(765)
评论(0)
推荐(0)
摘要：
ngReadonly该指令将input，textarea等文本输入设置为只读。HTML规范不允许浏览器保存类似readonly的布尔值属性。如果我们将一个Angular的插入值表达式转换为这样的属性，那么当浏览器删除该属性时，绑定信息就会丢失。这个指令不被浏览器删除，并且提供了一个永久性的可靠的地方... 阅读全文
posted @ 2015-12-17 14:12
杨杨0708
阅读(2568)
评论(0)
推荐(0)
摘要：
ngKeydown/ngKeypress/ngKeyup该指令在按键按下/按键按下/按键松开时执行指定表达式。ngKeydown和ngKeypress略有不同，目前的测试是ngKeypress针对系统按键是无效的，而ngKeydown可以。ngKeyup指令在按键松开的时候执行。使用代码： {{c... 阅读全文
posted @ 2015-12-17 14:11
杨杨0708
阅读(5750)
评论(0)
推荐(1)
摘要：
ngList在文本输入的分隔的字符串和字符串数组间做转换，可以是一个固定的字符串分隔符（默认逗号）或正则表达式。格式：ng-list=”value”value：表达式 通过这个值分隔字符串。使用代码： {{ctrl.list}} (functio... 阅读全文
posted @ 2015-12-17 14:11
杨杨0708
阅读(859)
评论(0)
推荐(0)
摘要：
ngHref在Angular程序没完成改变链接上用{{hash}}方式绑定的href值的时候，当用户点击该链接会跳到一个错误的页面。格式：ng-href=”value”value：表达式。使用代码： 点击进入xxxxx网站如果href绑定的url是动态绑定（从就是代码中绑定到view），使用的是h... 阅读全文
posted @ 2015-12-17 14:10
杨杨0708
阅读(685)
评论(0)
推荐(0)
摘要：
ngCsp处理CSP（上下文安全策略）的支持。当开发如google浏览器的扩展时候这个就必须使用。CSP禁止应用程序使用eval和Function(string)生成的函数。如果我们需要兼容，我们只需要使用$parse执行getterfn而不违反这些限制。AngularJs使用Function(st... 阅读全文
posted @ 2015-12-17 14:09
杨杨0708
阅读(5386)
评论(0)
推荐(0)
摘要：
ngCloakngCloak指令是为了防止Angular应用在启动加载的时候html模板将会被短暂性的展示。这个指令可以用来避免由HTML模板显示造成不良的闪烁效果。格式： ng-cloak class=“ng-cloak“使用代码： {{'Hello World'}} {{'Hello Wor... 阅读全文
posted @ 2015-12-17 14:08
杨杨0708
阅读(591)
评论(0)
推荐(0)
摘要：
这几个都关于样式及类名修改的，所以先把样式代码贴上吧。 .red{color:red} .blue{color:blue}写案例用到的样式就这么简单的两个，下面进入正题。ngClassngClass指令允许在HTML标签上通过绑定一个代表所有将被添加的类的表达式去动态的设定CSS类名。该指令操作... 阅读全文
posted @ 2015-12-17 14:07
杨杨0708
阅读(403)
评论(0)
推荐(0)
摘要：
对于ng-系列的指令，每篇文章写2-5个吧，不然显得文章好短....ngApp使用这个指令自动启动一个AngularJS应用。ngApp指令指定了应用程序的根节点，通常会将ngApp放置在网页的根节点如或标签的。格式：ng-app=”value”value：当前应用程序模块的名称。使用代码： 需要... 阅读全文
posted @ 2015-12-17 14:06
杨杨0708
阅读(647)
评论(0)
推荐(0)
摘要：
ngChange当用户更改输入时，执行给定的表达式。表达式是立即进行执行的，这个和javascript的onChange事件的只有在触发事件的变化结束的时候执行不同。格式：ng-change=”value”value: 表达式。使用代码： (function... 阅读全文
posted @ 2015-12-17 14:06
杨杨0708
阅读(2142)
评论(0)
推荐(0)
摘要：
angular.injector创建一个injector对象, 调用injector对象的方法可用于获取服务以及依赖注入。格式：angular.injector(modules);modules: Array 注入的模块（一个或多个）。使用代码： (function () { angular... 阅读全文
posted @ 2015-12-17 11:52
杨杨0708
阅读(719)
评论(0)
推荐(0)
摘要：
angular.isArray判断括号内的值是否为数组。格式：angular.isArray(value);value: 被判断是否为数组的值。---------------------------------------------------------------angular.isDate判... 阅读全文
posted @ 2015-12-17 11:51
杨杨0708
阅读(10912)
评论(0)
推荐(0)
摘要：
angular.uppercase将指定的字符串转换成大写格式：angular.uppercase(string);string:被转换成大写的字符串。使用代码： var str = "ABCabc"; var upperCase = angular.uppercase(str);//ABCAB... 阅读全文
posted @ 2015-12-17 11:49
杨杨0708
阅读(751)
评论(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
阅读(437)
评论(0)
推荐(0)
摘要：
angular.element将DOM元素或者HTML字符串一包装成一个jQuery元素。格式：angular.element(element);element：包装成jquery对象的html字符串或者dom元素jqLite提供的方法：addClass()after()append()attr()... 阅读全文
posted @ 2015-12-17 11:48
杨杨0708
阅读(2072)
评论(0)
推荐(0)
摘要：
angular.equals对比两个对象/值是否相等。支持值类型、正则表达式、数组和对象。如果下列至少有一个是正确的，则将两个对象/值视为相等。两个对象/值能通过===比较。两个对象/值是同一类型/他们的属性一致并且通过angular.equals详细比较。两者都是NaN. (在javascript... 阅读全文
posted @ 2015-12-17 10:14
杨杨0708
阅读(732)
评论(0)
推荐(0)
摘要：
angular.identity函数返回本身的第一个参数。这个函数一般用于函数风格。格式：angular.identity() 使用代码： (function () { angular.module("Demo", []) .controller("testCtrl", testCtr... 阅读全文
posted @ 2015-12-17 10:13
杨杨0708
阅读(1650)
评论(0)
推荐(0)
摘要：
angular.forEach调用迭代器函数取每一项目标的集合，它可以是一个对象或数组。迭代器函数与迭代器（value、key）一起调用，其中值是一个对象属性或数组元素的值，而数组元素是对象属性的关键或数组元素索引。为函数指定一个可选的上下文。格式：angular.forEach(obj,itera... 阅读全文
posted @ 2015-12-17 10:12
杨杨0708
阅读(1018)
评论(0)
推荐(0)
摘要：
$anchorScroll根据HTML5的规则，当调用这个函数时，它检查当前的url的hash值并且滚动到相应的元素。监听$location.hash()并且滚动到url指定的锚点的地方。可以通过$anchorScrollProvider.disableAutoScrolling()禁用。依赖：$w... 阅读全文
posted @ 2015-12-17 10:03
杨杨0708
阅读(322)
评论(0)
推荐(0)
摘要：
$http$http是Angular的一个核心服务，它有利于浏览器通过XMLHttpRequest 对象或者 JSONP和远程HTTP服务器交互。$HTTP API 是基于 $q服务暴露的deferred/promise APIs。快捷使用方式：$http.get$http.head$http.po... 阅读全文
posted @ 2015-12-17 10:02
杨杨0708
阅读(4160)
评论(0)
推荐(1)
摘要：
$intervalwindow.setInterval的Angular包装形式。Fn是每次延迟时间后被执行的函数。间隔函数的返回值是一个承诺。这个承诺将在每个间隔刻度被通知，并且到达规定迭代次数后被取消，如果迭代次数未定义，则无限制的执行。通知的值将是运行的迭代次数。取消一个间隔，调用$intrev... 阅读全文
posted @ 2015-12-17 10:01
杨杨0708
阅读(474)
评论(0)
推荐(0)
摘要：
$animate$animate服务提供了基本的DOM操作功能如在DOM里插入、移除和移动元素，以及添加和删除类。这个服务是ngAnimate的核心服务，为CSS和Javascript提供了高档次的动画。$animate在Angular核心都是有效的，无论如何，这个服务为了支持所有动画须包含ngAn... 阅读全文
posted @ 2015-12-17 10:00
杨杨0708
阅读(590)
评论(0)
推荐(0)
摘要：
$interpolate将一个字符串编译成一个插值函数。HTML编译服务使用这个服务完成数据绑定。使用：$interpolate(text,[mustHaveExpression],[trustedContext],[allOrNothing]);text：需要被编译的字符串。mustHaveExp... 阅读全文
posted @ 2015-12-17 09:59
杨杨0708
阅读(264)
评论(0)
推荐(0)
摘要：
$q一个帮助处理异步执行函数的服务。当他们做完处理时，使用它们的返回值（或异常）。受 Kris Kowa’s Q 的启发，这是一个实现promise/deferred对象的启用。$q的两种方式---这是一个更类似于Kris Kowal Q或jQuery的递延实现，另一种在一定程度上类似的ES6承诺。... 阅读全文
posted @ 2015-12-17 09:58
杨杨0708
阅读(543)
评论(0)
推荐(0)
摘要：
$location$location服务解析浏览器地址中的url（基于window.location）并且使url在应用程序中可用。将地址栏中的网址的变化反映到$location服务和$location的变化反映到浏览器地址栏。公开浏览器地址栏中的当前网址，这样就可以：1.观察和监听网址。2.改变网... 阅读全文
posted @ 2015-12-17 09:58
杨杨0708
阅读(3170)
评论(0)
推荐(0)
摘要：
$sce$sce 服务是AngularJs提供的一种严格上下文转义服务。严格的上下文转义服务严格的上下文转义(SCE)是一种需要在一定的语境中导致AngularJS绑定值被标记为安全使用语境的模式。由用户通过ng-bind-html绑定任意HTML语句就是这方面的一个例子。我们称这些上下文转义为特权... 阅读全文
posted @ 2015-12-17 09:57
杨杨0708
阅读(1531)
评论(0)
推荐(1)
摘要：
$templateCache第一次使用模板，它被加载到模板缓存中，以便快速检索。你可以直接将模板标签加载到缓存中，或者通过$templateCache服务。通过script标签：备注：script标签模板不需要包含在文档头部。但他必须在$rootElement下，不然模板将会被忽略。通过$templ... 阅读全文
posted @ 2015-12-17 09:56
杨杨0708
阅读(933)
评论(0)
推荐(0)
摘要：
$resource创建一个resource对象的工厂函数，可以让你安全的和RESFUL服务端进行数据交互。需要注入 ngResource 模块。angular-resource[.min].js默认情况下，末尾斜杠（可以引起后端服务器不期望出现的行为）将从计算后的URL中剥离。这个可以通过$reso... 阅读全文
posted @ 2015-12-17 09:55
杨杨0708
阅读(588)
评论(0)
推荐(0)
摘要：
FilterNg里的过滤器。currency：把一个数字格式化成货币模式（如$1,234.56）。当没有提供任何货币符号时，默认使用当前区域的符号。使用：HTML：{{ currency_expression | currency:symbol:fractionSize}}JS：$filter(“c... 阅读全文
posted @ 2015-12-17 09:55
杨杨0708
阅读(380)
评论(0)
推荐(0)
摘要：
ngRoute$routeProvider配置路由的时候使用。方法：when(path,route);在$route服务里添加一个新的路由。path：该路由的路径。route：路由映射信息。controller：字符串或函数，指定控制器。controllerAs：一个用于控制器的标识符名称。。tem... 阅读全文
posted @ 2015-12-17 09:54
杨杨0708
阅读(830)
评论(0)
推荐(0)
摘要：
$cookiesProvider使用$cookiesProvider改变$cookies服务的默认行为。默认属性path：字符串，cookies只在这个路径及其子路径可用。默认情况下，这个将会是出现在你基础标签上的网址路径。domain：字符串，cookies只在这个域及其子域可用。为了安全问题，如... 阅读全文
posted @ 2015-12-17 09:53
杨杨0708
阅读(2216)
评论(0)
推荐(0)
摘要：
今天突然就想写写$digest和$apply，这些都是脏值检查的主体内容。先以普通js来做一个简单的监控例子吧： var div = ducoment.getElementById("myDiv"); div.addEventListener("click",function(e){ ... 阅读全文
posted @ 2015-12-17 09:52
杨杨0708
阅读(608)
评论(0)
推荐(0)
摘要：
JavaScript 扯几句单线程相关众所周知，Javascript是单线程执行的，这也就是说：JavaScript在同一个时间上只能处理一件事。他不像C，Java等这些多线程的，可以开不同的线程去同时处理多件事情。那么为什么别的语言都可以这么方便的去开多个线程去同时执行多个任务，JavaScrip... 阅读全文
posted @ 2015-12-17 09:50
杨杨0708
阅读(240)
评论(0)
推荐(0)
摘要：
AngularJs ui-router 路由介绍野兽之前有写过一篇关于Angular自带的路由：ngRoute。今天来说说Angular的第三方路由：ui-router。那么有人就会问:为什么Angular有了自带的路由，我们还需要用ui-router呢？这里简单明了的说明下ngRoute和ui-r... 阅读全文
posted @ 2015-12-17 09:46
杨杨0708
阅读(617)
评论(0)
推荐(0)
浙公网安备 33010602011771号