独自登高楼 望断天涯路

转载请写明来源地址：这里写链接内容文章简述 这篇主要通过几个小例子把angular的常用组件简单介绍一下data binding下面是一个简单通过quantity和costs计算Total的示例<div ng-app ng-init="qty=1;cost=2"> <b>Invoice:</b> <div> Quantity: <input type="numbe

转载请写明来源地址：http://blog.youkuaiyun.com/lastsweetop/article/details/62046505ngRoute简介路由是angularjs很重要的一环，它可以把你项目的页面串联起来，构成一个项目，常用的路由有ngRoute和ui-route，我这里先讲ngRoute。ngRoute是一个Module，提供路由和深层链接所需的服务和指令。注意一点，和之前的文章不一

转载请写明来源地址：http://blog.youkuaiyun.com/lastsweetop/article/details/60966263Provider简介每个web应用都是由多个对象协作完成的，这些对象需要初始化并连接在一起为app服务。在AngularJS中，app中的大多数对象通过injector服务初始化和连接在一起。Injector创建两种类型的对象，service对象和特别对象。Servi

转载请写明来源地址：http://blog.youkuaiyun.com/lastsweetop/article/details/57417779什么是Module你可以把Module当作是个容器，里面包含了controllers, services, filters, directives。为什么使用Module大多数程序都有一个主方法，其他部分的模块都由这个主方法组织在一起。AngularJS却没有所谓的m

转载请写明来源地址：http://blog.youkuaiyun.com/lastsweetop/article/details/56285838理解Components在angularjs中，Component是一种特殊的directive，它的配置更简单一些，非常适合组件化的app架构。使用web组件和使用Angular风格的app架构使得编写app更为简便。Component的优点：比普通directi

转载请写明来源地址：http://blog.youkuaiyun.com/lastsweetop/article/details/55520140directive介绍directive是DOM元素上的标记，告诉angularjs的HTML编译器（$complile）给DOM元素附加上一些特殊的行为，或者是改变DOM元素和它的子元素。看到编译两个字，很多人会感到很懵，javascript不是解释执行的吗。其实这

转载请写明来源地址：http://blog.youkuaiyun.com/lastsweetop/article/details/54972551formcontrol主要用于接收用户输入，例如input, select, textarea。而form是一组相关控件的集合。form和control提供验证服务，可以在用户提交表单到后端前得到无效输入的通知。一个简单的formform的验证要比服务端的验证好很多，

转载请写明来源地址：http://blog.youkuaiyun.com/lastsweetop/article/details/54910212过滤器过滤器将表达式的运算结果格式化后呈现给用户，可以用于视图模版，控制器或者服务。angularjs有一些内置的过滤器，如果想自己自定义也很容易。在视图模版中使用过滤器过滤器可以用于视图模版中的表达式，语法如下：{{ expression | filter }}例如

转载请写明来源地址：http://blog.youkuaiyun.com/lastsweetop/article/details/54864234插补和数据绑定在angular中，嵌入式表达式插补标记被用于数据绑定文本节点和属性值。一个嵌入式表达式插补标记的例子：<a ng-href="img/{{username}}.jpg">Hello {{username}}!</a>文本和属性绑定如何运行在编译的过程中

转载请写明来源地址：http://blog.youkuaiyun.com/lastsweetop/article/details/54603931angular表达式angular表达式是一些类似javascript的代码片段，主要用在插补绑定，例如<span title="{{ attrBinding }}">{{ textBinding }}</span>，或者直接用于angular指令的属性值，例如ng-

转载请写明来源地址：http://blog.youkuaiyun.com/lastsweetop/article/details/54585484在Angular中，模板是包含一些特定元素和属性的HTML，Angular将模板结合模型和控制器的信息在浏览器中以动态视图的形式呈现给用户。下面是你可以使用的angular元素和属性：Directive — 增强现有的DOM元素或者展现可重复的DOM组件Marku

转载请写明来源地址：http://blog.youkuaiyun.com/lastsweetop/article/details/53409171依赖注入依赖注入(DI)是一种处理组件如何获得依赖的软件设计模式，在Angular中，injector子系统负责创建组件，解决组件的依赖，并将它们提供给其他组件。使用依赖注入在Angular中DI是无处不在的，你可以用它来定义一个组件，也可以提供module实现run

转载请写明来源地址：http://blog.youkuaiyun.com/lastsweetop/article/details/51833370Scopes简介Scopes是一个指向application模型的对象，是表达式执行的上下文，模拟application的DOM结构构成自己的层次结构。Scope可以观察表达式和传播事件。Scopes特点Scopes提供了API $watch观察model的变化。

转载请写明来源地址：http://blog.youkuaiyun.com/lastsweetop/article/details/51244041Services简介angular的services非常适合用依赖注入的方式将对象组合在一起，你能用services跨app去组合和分享你的代码。 angular services有以下两个特点： 1.延迟实例化——当有app的组件依赖它的时候才会去实例化。 2

转载请写明来源地址：http://blog.youkuaiyun.com/lastsweetop/article/details/51190079 Controller介绍 在angular中，controller由javascript的构造函数定义，主要用于增强angular的scope。当controller通过ng-controller directive与DOM关联，angular将用指定的cont

转载请写明来源地址：http://blog.youkuaiyun.com/lastsweetop/article/details/51182106Data Binding在angular中，model和view组件之间的Data Binding是可以自动同步数据的。angular实现Data Binding的方法可以让你确信在你的应用中model是single-source-of-truth，view仅仅是mo

简介Angular为一些常用的指令（ngRepeat,ngSwitch,ngView）提供了动画的hooks，自动的指令也可以通过$animate服务来实现。这些指令上的动画hook被设置来代替一些繁琐的代码，比如通过条件触发来达到各种效果，比如css的过渡，css形式的动画或者一个js的回调。一定要在app中注入ngAnimate模块，动画才能起作用。下面是一个可以用于ngShow和ngHide的