摘要：
利用CSS3在Angular中实现动画。直接看例子： ngAnimate插件1 引入angular-animate插件，我们绑定了ng-if指令，在删除和添加DOM节点的时候，angular会添加指定的class，方便我们完成动画。.ng-enter.ng-enter-active.n... 阅读全文
摘要：
现在非常流行单页面应用，传统都是通过ajax请求数据，前端拿到数据渲染到页面，这种无刷新的视图切换非常棒！但是致命的缺点就是刷新後无法保持原来的视图，解决此问题的一个方法是使用 hash，监听hashchange事件来进行视图切换，另一个方法是用HTML5的history API，通过pushSta... 阅读全文
摘要：
在Angular有供应商的概念，可配置Angular的一些服务。 @@name@@我们以前面提到的$interpolate为例子，配置angular渲染页面的数据的表达式，不在通过{{}}渲染而是@@符号。这样debug的功能就完全禁用掉。下面看看angular的自定义服务。使用fac... 阅读全文
摘要：
但是在angularjs应用的网页中，提供一个$anchorScroll 用来做锚点的功能。比较简单，直接看例子： $anchorScroll {{id}} {{id}}点击右边的菜单，页面即定位到指定的DOM元素上。注意在m1的config上我们绑定了ancho... 阅读全文
摘要：
$http但是对于一个web应用，angular是如何同服务端进行交互获得数据的呢？用过JQ的同学一看就知道了，我们重点看看success回调的参数。（别忘了我们需要controller上引入http的模块）data：後端返回给我们的数据。state：http状态码headers：http头信息co... 阅读全文
摘要：
前面的文章介绍了很多angular自带的指令，下面我们看看如何使用directive自定义指令。先看一个例子： 1：我们定义了一个my-hello的指令。2：使用directive完善这个指令，返回一个对象。有三个值： a) ：restrict共四个值：E：标签指令，C：class指令，M：... 阅读全文
摘要：
接下来看看ODM 的显示和隐藏。 xiecg1 xiecg2 xiecg3ng-show：是否显示（display:block;）ng-hide：是否隐藏（display:none;）ng-if：是否渲染这个DOM元素（DOM的添加和删除）我们用input控制flag的值，... 阅读全文
摘要：
冬天人就懒，继续写点东西吧。前面的几篇文章中，我们通过{{}}来渲染数据，今天就来聊聊它。 {{text}}问题显而易见了，当我们没有点击确定的时候，下面的代码是不会执行的，所以也没回一直呈现{{text}}的状态，假设网络的带宽很慢的情况下，js脚本还没有加载进来，页面全是{{}}这样的符号... 阅读全文
摘要：
前面的文章说道了click事件，与其类似的mouseover以及mousemove等等。下面看看selected、change、copy等运用在表单的事件吧。selected 如果我们希望一个select选中指定的option，只需要设置该option为selected="se... 阅读全文
摘要：
在前面的文章中学习filter过滤器，现在在结合着看看ng-repeat指令，举个例子。 颜色 值 {{data.name}} {{data.age}} ... 阅读全文