細水、長流√的专栏

　　刚接触angular1.x很多经常用到的ngMessages的地方，这里顺便记一下，效果如下图：　　如果引用了angular-messages.js报如下错误，说明你的angular.js和angular-messages.js版本不匹配，需要找到能用的版本。可在这里在线测试各个版本https://docs.angularjs.org/api/ngMessages　　引入版...

AngularJs学习笔记--IE Compatibility 兼容老版本IE原版地址：http://docs.angularjs.org/guide/ie Internet Explorer Compatibility 一、总括　　这文章描述Internet Explorer（IE）处理自定义HTML属性、标签的特性（可以理解为“特别糟糕的性质”）。如

Directive是教HTML玩一些新把戏的途径。在DOM编译期间，directives匹配HTML并执行。这允许directive注册行为或者转换DOM结构。　　Angular自带一组内置的directive，对于建立Web App有很大帮助。继续扩展的话，可以在HTML定义领域特定语言（domain specific language ,DSL)。一、在HTML中引用direc

AngularJs学习笔记--E2E Testing原版地址：http://docs.angularjs.org/guide/dev_guide.e2e-testing 　　当一个应用的复杂度、大小在增加时，使得依靠人工去测试新特性的可靠性、抓Bug和回归测试是不切实际的。　　为了解决这个问题，我们建立了Angular Scenario Runner，模仿用户的操作

通过使用模板，我们可以把model和controller中的数据组装起来呈现给浏览器，还可以通过数据绑定，实时更新视图，让我们的页面变成动态的。ng的模板真是让我爱不释手。学习ng道路还很漫长，从模板开始入手是个不错方式，因为这部分内容相对简单好理解，而且是视图层的东西，大家都喜欢可以立马看得见的东西嘛。本篇我将搜罗模板中的常用指令一一测试，了解其使用方法，有点像背单词的感觉，会比较枯燥。不过对于

一、有感而发的一些话　　在学习ng之前有听前辈说过，angular上手比较难，初学者可能不太适应其语法以及思想。随着对ng探索的一步步深入，也确实感觉到了这一点，尤其是框架内部的某些执行机制，其复杂程度并非是我现在的功力能够理解的，只能是知其皮毛。我现在学习的途径是官方文档 + AngularJS在github上的中文粗译版（https://github.com/basestyle/angul

上一篇简单介绍了自定义一个指令的几个简单参数，restrict、template、templateUrl、replace、transclude，这几个理解起来相对容易很多，因为它们只涉及到了表现，而没有涉及行为。这一篇将继续学习ng自定义指令的几个重量级参数，了解了它们之后我们的custom directive将不光能“看”，还要能“动”。开始~理解compile和link　　不知大家有没

走进AngularJs(六) 服务　　今天学习了一下ng的service机制，作为ng的基本知识之一，有必要做一个了解，在此做个笔记记录一下。一、认识服务（service）　　服务这个概念其实并不陌生，在其他语言中如java便有这样的概念，其作用就是对外提供某个特定的功能，如消息服务，文件压缩服务等，是一个独立的模块。ng的服务是这样定义的：Angular

走进AngularJs(七) 过滤器（filter）　　过滤器（filter）正如其名，作用就是接收一个输入，通过某个规则进行处理，然后返回处理后的结果。主要用在数据的格式化上，例如获取一个数组中的子集，对数组中的元素进行排序等。ng内置了一些过滤器，它们是：currency(货币)、date(日期)、filter(子串匹配)、json(格式化json对象)、limitTo

走进AngularJs(八) ng的路由机制　　今天心情不错~，公司请了个中医来给按摩拔罐刮痧，一套下来那个爽啊~，趁着精力充沛了解了下Angular的路由机制，在此分享出来与大家共同学习。　　在谈路由机制前有必要先提一下现在比较流行的单页面应用，就是所谓的single page APP。为了实现无刷新的视图切换，我们通常会用ajax请求从后台取数据，然后套上HTML模

年底了越来越懒散，AngularJs的学习落了一段时间，博客最近也没更新。惭愧~前段时间有试了一下用yeoman构建Angular项目，感觉学的差不多了想做个项目练练手，谁知遇到了一系列问题。yeoman是基于node.js的一套工具包，由于我一直在windows下编程，而且node.js对于windows环境的支持也在慢慢加强，所以想尝试在windows下用yeoman跟搭建一个项目。过程远比想

AngularJs学习笔记--unit-testing原版地址：http://docs.angularjs.org/guide/dev_guide.unit-testing 　　javascript是一门动态类型语言，这给她带来了很强的表现能力，但同时也使编译器几乎不能给开发者提供任何帮助。因为这个原因，我们感受到编写任何javascript代码都必须有一套强大完整的测

一、前言　　前端技术的发展是如此之快，各种优秀技术、优秀框架的出现简直让人目不暇接，作为一名业界新秀，紧跟时代潮流，学习掌握新知识自然是不敢怠慢。当听到AngularJs这个名字并知道是google在维护它时，便一直在关注，看到其在国外已经十分火热，可是国内的使用情况却有不小的差距，参考文献/网络文章也很匮乏。朝思暮想良久，决定深入学习angular，并写系列博客，一方面作为自己学习路程上的记

走进AngularJs(五)自定义指令----（下） 　　自定义指令学习有段时间了，学了些纸上谈兵的东西，还没有真正的写个指令出来呢。。。所以，随着学习的接近尾声，本篇除了介绍剩余的几个参数外，还将动手结合使用各参数，写个真正能用的指令出来玩玩。　　我们在自定义指令（上）中，写了一个简单的，能够跟美女打招呼。但是看看人家ng内置的指令，都是这么用的：ng-mod

本教程使用AngularJs版本：1.5.3AngularJs GitHub: https://github.com/angular/angular.js/AngularJs下载地址：https://angularjs.org/摘要：Directive（指令）笔者认为是AngularJ非常强大而有有用的功能之一。它就相当于为我们写了公共的自定义DOM元素或CLA

AngularJs学习笔记--concepts(概念)原版地址：http://code.angularjs.org/1.0.2/docs/guide/concepts继续。。一、总括本文主要是angular组件(components)的概览，并说明他们如何工作。列表如下：statup - 依旧是hello world...改为Hello Kitt

AngularJs学习笔记--Scope原版地址：http://code.angularjs.org/1.0.2/docs/guide/scope 一、什么是Scope？　　scope（http://code.angularjs.org/1.0.2/docs/api/ng.$rootScope.Scope）是一个指向应用model的object。它也是expre

AngularJs学习笔记--Modules原版地址：http://code.angularjs.org/1.0.2/docs/guide/module 一、什么是Module？　　很多应用都有一个用于初始化、加载（wires是这个意思吗？）和启动应用的main方法。angular应用不需要main方法，作为替代，module提供有指定目的的声明式，描述应用如何

AngularJs学习笔记--expression原版地址：http://code.angularjs.org/1.0.2/docs/guide/expression 　　表达式（Expressions）是类Javascript的代码片段，通常放置在绑定区域中（如｛｛expression｝｝）。表达式通过$parse服务（http://code.angularjs.

AngularJs学习笔记--Understanding Angular Templates原版地址：http://docs.angularjs.org/guide/dev_guide.mvc.understanding_model 　　angular template是一个声明规范，与model、controller的信息一起，渲染成用户在浏览器中所看到的视图。它

AngularJs学习笔记--Creating Services原版地址：http://docs.angularjs.org/guide/dev_guide.services.creating_services　　虽然angular提供许多有用的service，在一些特别的应用中，我们会发现编写自定义service是很有用的。如果我们想做这件事，我们首先要在module中注

AngularJs学习笔记--Injecting Services Into Controllers原版地址：http://docs.angularjs.org/guide/dev_guide.services.injecting_controllers　　把service当作被依赖的资源加载到controller中的方法，与加载到其他服务中的方法很相似。　　由于jav

AngularJs学习笔记--I18n/L10n原版地址：http://code.angularjs.org/1.0.2/docs/guide/i18n 一、I18n and L10n in AngularJS1. 什么是I18n和L10n?　　国际化（Internationalization），简称I18n，是让产品开发在一个他们可以简单地对产品进行语言、

AngularJs学习笔记--Dependency Injection（DI，依赖注入）原版地址：http://code.angularjs.org/1.0.2/docs/guide/di 一、Dependency Injection（依赖注入）　　依赖注入（DI）是一个软件设计模式，处理代码如何得到它所依赖的资源。　　关于DI更深层次的讨论，可以参观Dep

AngularJs学习笔记--Understanding the Model Component原版地址：http://docs.angularjs.org/guide/dev_guide.mvc.understanding_model 　　在angular文档讨论的上下文中，术语“model”可以适用于单一对象代表一个实体（例如，一个叫” phones”的model，

AngularJs学习笔记--Understanding the Controller Component原版地址：http://docs.angularjs.org/guide/dev_guide.mvc.understanding_model　　　　在angular中，controller是一个javascript 函数（type/class），被用作扩展除了r

AngularJs学习笔记--Using $location原版地址：http://code.angularjs.org/1.0.2/docs/guide/dev_guide.services.$location 一、What does it do?　　$location服务分析浏览器地址栏中的URL（基于window.location），让我们可以在应用中较为

AngularJs学习笔记--Managing Service Dependencies原版地址：http://docs.angularjs.org/guide/dev_guide.services.managing_dependencies　　angular允许service将其他service声明为依赖，使用在自身实例化时使用的构造函数中。　　为了声明依赖，我们需要

在很久很久以前，一位前辈向我推荐AngularJs。但当时我没有好好学习，仅仅是讲文档浏览了一次。后来觉醒了……于是下定决心好好理解这系列的文档，并意译出来（英文水平不足……不能说是翻译，有些实在是看不懂，希望大家在参观的过程中指出其中的错误）。经过1个多月断断续续的努力，终于把Guide里面的文章基本上都弄出来。Guide中的部分章节，由于重复的部分似乎有点多，而且篇幅较短，这里就没有列出来。

已经了解了angular的基础知识以后，我们继续开始了解angular的基础模块，首先在写angular应用时需要引入angularjs       在使用angular时必须为它定义边界（angular的作用范围）    1、如果想构建angular应用只需要html ng-app="应用名">    2、如果需要angular操作部分区域的数据，则将

AngularJs学习笔记--bootstrapAngularJs学习笔记系列第一篇，希望我可以坚持写下去。本文内容主要来自 http://docs.angularjs.org/guide/ 文档的内容，但也加入些许自己的理解与尝试结果。一、总括本文用于解释Angular初始化的过程，以及如何在你有需要的时候对Angular进行手工初始化。二、Angul

AngularJs学习笔记--Forms原版地址：http://code.angularjs.org/1.0.2/docs/guide/forms 　　控件（input、select、textarea）是用户输入数据的一种方式。Form（表单）是这些控件的集合，目的是将相关的控件进行分组。　　表单和控件提供了验证服务，所以用户可以收到无效输入的提示。这提供了更好

AngularJs学习笔记--html compiler原文再续，书接上回。。。依旧参考http://code.angularjs.org/1.0.2/docs/guide/compiler一、总括　　Angular的HTML compiler允许开发者自定义新的HTML语法。compiler允许我们对任意HTML元素或属性，甚至是新的HTML标签、属性（如”cf”