AngularJs学习笔记系列第一篇，希望我可以坚持写下去。本文内容主要来自 http://docs.angularjs.org/guide/ 文档的内容，但也加入些许自己的理解与尝试结果。 一、总括 本文用于解释Angular初始化的过程，以及如何在你有需要的时候对Angular进行手工初始化。 二、Angular <script> 标签 本例用于展示如何通过推荐的路径整合Angular，实现自动初始化。 <!doctype html><html xmlns:ng="http://angularjs.org" ng-app><body>...<scri...
AngularJS 应用中实现 JavaScript 动画效果 AngularJS 是一组用于创建单页Web应用的丰富框架，给构建丰富交互地应用带来了所有需要的功能。其中一项主要的特性就是Angular带来了对动画的支持。 我们能够在应用的部分内容当中使用动画来表明一些变化正在发生。在我上一篇文章当中，我讲到了在Angular应用中对CSS动画的支持。在这篇文章当中，我们会看到怎样利用JavaScript脚本在AngularJS应用当中生成动画效果。在Angular当中，CSS和...
<Chart bgColor=FFFFFF upperLimit=120 lowerLimit=0 baseFontColor=666666 majorTMNumber=10 majorTMColor=666666 majorTMHeight=8 minorTMNumber=5 minorTMColor=666666 minorTMHeight=3 pivotRadius=10 showGaugeBorder=0 gaugeOuterRadius=100 gaugeInnerRadius=90 gaugeOriginX=170 gaugeOriginY=170 gaugeScaleAngle=220 displayValueDistance=20 placeValuesInside=1 gaugeFillMix= pivotFillMix={F0EFEA}, {BEBCB0} pivotB...
前言 在日常开发工作中，有很多需求是在一个页面上显示一些图片。有时，图片的地址路径是由客户端的脚本来设置（它有可能是从数据库中获取的）。 这是Angularjs的时代，当我们想使用Angularjs来实现在页面中展示图片，我们会简单使用： <img src=”path of image”>. 如果我们只考虑展示，毫无疑问它没问题，但是在浏览器的控制台中会显示一个 404 (not found) 错误。为了解决这个问题，我们需要使用ng-Src。在使用 ng-Src之前，我...
一、What does it do?$location服务分析浏览器地址栏中的URL（基于window.location），让我们可以在应用中较为方便地使用URL里面的东东。在地址栏中更改URL，会响应到$location服务中，而在$location中修改URL，也会响应到地址栏中。$location服务： 暴露当前浏览器地址栏的URL，所以我们可以1.注意和观察URL 2.改变URL当用户做以下操作时，与浏览器一起同步URL：1.改变地址栏 2.单击后退或者前进按钮（或者点击一个历史链接）。 3...
把service当作被依赖的资源加载到controller中的方法，与加载到其他服务中的方法很相似。由于javascript是一个动态语言，DI不能弄明白应该通过static types（like in static typed languages）注入哪一个service。因此，我们需要通过$inject属性指定service名称， 它是一个包含需要注入的service名称的字符串数组。service ID顺序的重要性：工厂方法中的参数顺序，与service在数组中的顺序一致。工厂方法的参数名称并不重要，但是按...
虽然angular提供许多有用的service，在一些特别的应用中，我们会发现编写自定义service是很有用的。如果我们想做这件事，我们首先要在module中注册一个service工厂方法，可以通过Module.factory api（http://docs.angularjs.org/api/angular.module）或者在module配置方法中直接通过$provide api（http://docs.angularjs.org/api/AUTO.$provide）。所有angular service都参与到DI（//www.gxlcms.com/article/91775.htm）中，既可以...
angular允许service将其他service声明为依赖，使用在自身实例化时使用的构造函数中。为了声明依赖，我们需要在工厂方法声明中指定它们，并且在工厂方法中通过$inject属性（字符串标识数组）或者使用array notation。通常$inject属性声明可以被丢弃（即//www.gxlcms.com/article/91815.htm中提到的隐式依赖注入，但这个是实验属性，在而且在压缩混淆后会失效，慎用！）。 使用array notationfunction myModuleCfgFn ($provide) {$pr...
javascript是一门动态类型语言，这给她带来了很强的表现能力，但同时也使编译器几乎不能给开发者提供任何帮助。因为这个原因，我们感受到编写任何javascript代码都必须有一套强大完整的测试。angular拥有许多功能，让我们更加容易地测试我们的应用。我们应该没有借口不去写测试（这个嘛……）。 一、 It is all about NOT mixing concerns（全部都关于避免代码关系变得复杂……）单元测试，正如名称那样，是关于测试单个“单元”的...
原文再续，书接上回。。。依旧参考http://code.angularjs.org/1.0.2/docs/guide/compiler 一、总括Angular的HTML compiler允许开发者自定义新的HTML语法。compiler允许我们对任意HTML元素或属性，甚至是新的HTML标签、属性（如<beautiful girl=”cf”></beautiful >）附加行为。Angular将这些附加行为称为directives。HTML有很多专门格式化静态文档的预定义HTML样式结构（可以告诉浏览器如何显示标记的内容）。假设某东东需要被居中...
原版地址：http://code.angularjs.org/1.0.2/docs/guide/concepts 继续。。 一、总括 本文主要是angular组件(components)的概览，并说明他们如何工作。列表如下： statup - 依旧是hello world...改为Hello Kitty！runtime - 介绍angular的runtimescope - view与contorller的纽带（神马glue...胶）controller - app的行为(application behavior)model - app的数据view - 用户所看到的东东directives - HTML的语法扩展filters - 根据...
Directive是教HTML玩一些新把戏的途径。在DOM编译期间，directives匹配HTML并执行。这允许directive注册行为或者转换DOM结构。Angular自带一组内置的directive，对于建立Web App有很大帮助。继续扩展的话，可以在HTML定义领域特定语言（domain specific language ,DSL)。 一、在HTML中引用directivesDirective有驼峰式（camel cased）的风格的命名，如ngBind（放在属性里貌似用不了~）。但directive也可以支蛇底式的命名（snake ca...
当一个应用的复杂度、大小在增加时，使得依靠人工去测试新特性的可靠性、抓Bug和回归测试是不切实际的。为了解决这个问题，我们建立了Angular Scenario Runner，模仿用户的操作，帮助我们去验证angular应用的健壮性。 一、 总括我们可以在javascript中写情景测试（scenario test），描述我们的应用发生的行为，在某个状态下给与某些互动。一个情景包含一个或者多个”it”块（我们可以将这些当作对我们应用的要求），依次由命令（...
表达式（Expressions）是类Javascript的代码片段，通常放置在绑定区域中（如｛｛expression｝｝）。表达式通过$parse服务（http://code.angularjs.org/1.0.2/docs/api/ng.$parse）解析执行。例如，以下是angular中有效的表达式： 1+23*10 | currencyuser.name一、Angular表达式 vs. Js 表达式这很容易让人将angular视图表达式联想为javascript表达式，但这并不完全正确，因为angular不是通过javascript的eval()对表达式进行求值。你...
一、I18n and L10n in AngularJS 1. 什么是I18n和L10n?国际化（Internationalization），简称I18n，是让产品开发在一个他们可以简单地对产品进行语言、文化的本地化的方法的规范。本地化（Localization），简称L10n，一个使得应用、文本有适应特殊的文化或者语言市场的能力的规范。对于应用开发者，使一个程序国际化，意味着需要从程序中抽取所有字符串和其他区域较为特别的地方（例如日期和货币格式）。使一个程序本地化，意味着需...