随笔分类 - AngularJS
摘要：好的工具往往使得开发应用更快更简单，而不是任何模块都手动开发。angualr cli就是一个支持 创建工程，添加文件，对各种任务如测试、打包、部署等迭代。 本文的目的就是基于TypeScript开发构建一个angualr应用，使用angualr cli可以选择工程的风格。 在本章的 末尾，你可以理解
阅读全文
摘要：本篇基于ng-route来讲下angular中的路由，路由功能主要是 $routeProvider服务 与 ng-view 实现。ng-view的实现原理，是根据路由的切换，动态编译html模板——$compile(html)(scope)。更多内容参考：Angularjs总结前提首先需要在页面引入...
阅读全文
摘要：最近使用到了ngOption实现下拉选择列表，由于需要实现分组等功能，百度了下没有太好的文章，就百度到一篇英文的帖子，按照其中的代码很顺利的搞定了。本篇根据文中代码，详细讲述下如何实现下拉列表更多内容参考：AngularJS知识总结下拉列表的简单使用ng-option指令使用很简单，只需要绑定两个属...
阅读全文
摘要：由于浏览器都有同源加载策略，不能加载不同域下的文件、也不能使用不合要求的协议比如file进行访问。在angularJs中为了避免安全漏洞，一些ng-src或者ng-include都会进行安全校验，因此常常会遇到一个iframe中的ng-src无法使用。什么是SCESCE，即strict contex...
阅读全文
摘要：对于一个用户群面向全球的的应用来说，不得不考虑国际化的问题。当然，即便是刚刚起步的小应用，如果有心搞大，也应该提前设计国际化的方案。本篇讲述使用AngularJS构建的应用的简单国际化方案，准确的说，是国际化服务....i18n与l10ni18n是Internationalization得缩写，取第...
阅读全文
摘要：在AngularJS中也有依赖注入的概念，像spring中的依赖注入，但是又有所不同。Spring中使用构造注入或者设值注入的方式，还需要做一些额外的操作，但是angular中只需要在需要的地方声明一下即可，类似模块的引用，因此十分方便。
参考：[angular api doc] (http://...
阅读全文
摘要：angular.extend(dst,src)，在我实验的1.2.16版本上是支持深拷贝的。但是最新的API显示，这个方法是不支持深拷贝的。
另外，第二个参数src支持多个对象。 第一种使用方式 会把user2的所有属性都拷贝到user1上，并且把user1复制给user3 第二种使用...
阅读全文
摘要：使用情况 1 首先，所有满足 a === 3 这种的对象，在angular.equals(a,b)中都会返回真 2 所有对象的类型，以及属性值都相同的，也会返回真 3 NaN和NaN也会返回真（在javascript中，返回的是假） 4 正则也会返回真（在javascirpt，/abc/...
阅读全文
摘要：Angular中保存了很多的判断方法，可以用来验证对象是否符合某种要求，详细的参考代码样例即可
阅读全文
摘要：toJson()能把对象序列化为json 方法讲解
这个方法最多支持2个参数： obj 是想要转换的对象， pretty 可以调节格式化的样式，按照API的介绍这个是空格的个数。(不过在控制台，空格的个数是一样的，差别还在研究) 样例参考
阅读全文
摘要：angular提供了一个可以复制对象的api——copy(source,destination)，它会对source对象执行深拷贝。 使用时需要注意下面几点： 如果只有一个参数（没有指定拷贝的对象），则返回一个拷贝对象 如果指定了destination,则会深拷贝对象复制给destinati...
阅读全文
摘要：对于一般的使用者来说，AngularJS的ng app都是手动绑定到某个dom元素。但是在一些应用中，这样就显得很不方便了。 绑定初始化
通过绑定来进行angular的初始化，会把js代码侵入到html中，但是对于新手使用来说，还是足够了！ 运行后，会显示 手动初始化
Angular...
阅读全文
摘要：先说说什么是Promise，什么是$q吧。Promise是一种异步处理模式，有很多的实现方式，比如著名的Kris Kwal's Q还有JQuery的Deffered。 什么是Promise 以前了解过Ajax的都能体会到回调的痛苦，同步的代码很容易调试，但是异步回调的代码，会让开发者陷入泥潭...
阅读全文
摘要：在AngularJS中有很多的服务，常用的比如$http,$location等等。本篇文章会介绍一下的内容： 1$http这种Angular提供的服务的使用 2 如何自定义服务，并总结服务需要注意的几个小点。 $http的使用 AngularJS为我们提供了很多种服务，$http用于发送ht...
阅读全文
摘要：前面通过视频学习了解了指令的概念，这里学习一下指令中的作用域的相关内容。通过独立作用域的不同绑定，可以实现更具适应性的自定义标签。借由不同的绑定规则绑定属性，从而定义出符合更多应用场景的标签。本篇将会总结下面的内容： 1 为何需要独立作用域 2 如何实现独立作用域 3 作用域的数据绑定之前有一...
阅读全文
摘要：前面基本了解了指令的相关内容： 1 如何自定义指令 2 指令的复用本篇看一下指令之间如何交互。学习内容来自《慕课网 指令3》 背景介绍 这例子是视频中的例子，有一个动感超人，有三种能力，力量strength，速度speed，发光light。 这三种能力作为三种属性，定义动感超人作为一个标签...
阅读全文
摘要：前面练习了如何自定义指令，这里练习一下指令在不同的控制器中如何复用。 —— 来自《慕课网指令3》 首先看一下一个小例子，通过自定义指令，捕获鼠标事件，并触发控制器中的方法。 单个控制器的标签指令 依然是先创建一个模块var myAppModule = angular.module("myAp...
阅读全文
摘要：AngularJS另一个特点就是提供了过滤器，可以通过操作UNIX下管道的方式，操作数据结果。 通过使用管道，可以便于双向的数据绑定中视图的展现。 过滤器在处理过程中，将数据变成新的格式，而且可以使用管道这种链式风格，还能接受附加的参数。 实现方式 下面看一下如何定义声明一个过滤器，首先依然...
阅读全文
摘要：AngularJS支持用户自定义标签属性，在不需要使用DOM节点操作的情况下，添加自定义的内容。 前面提到AngularJS的四大特性： 1 MVC 2 模块化 3 指令 4 双向数据绑定 下面将会介绍如下的内容： 1 如何自定义指令 2 自定义指令的使用 3 自定义指令的内嵌使用 如何自定义指令：
阅读全文
摘要：AngularJS有几大特性，比如： 1 MVC 2 模块化 3 指令系统 4 双向数据绑定那么本篇就来看看AngularJS的模块化。 首先先说一下为什么要实现模块化： 1 增加了模块的可重用性 2 通过定义模块，实现加载顺序的自定义 3 在单元测试中，不必加载所有的内容 之前做...
阅读全文