本篇主要介绍通过数据绑定来给元素添加特定的类名,从而应用特定的样式从一个最基本的例子来看:
6.1css类和样式 提交
一个提交的按钮,点击以后就会被禁用,显示为灰色:给button添加类名submit-{{disable}},这样,disable的改变,就会引起but...
分类：
Web程序 时间：
2014-05-09 20:20:42
阅读次数：
374
前言:本文接前一篇文章,主要介绍什么是XHR,AJAX,DI,angularjs中如何使用XHR和DI.1.切换工具目录git
checkout -f step-5 #切换分支npm start #启动项目2.什么是XHR和依赖注入(Dependency
Injection)?1)什么是XHR?XH...
分类：
Web程序 时间：
2014-05-09 05:45:53
阅读次数：
631
接上一篇文章,本文将主要介绍angularjs中的模板链接,和图像显示?首先,切换分支,启动项目:git
checkout step-6npm
start1.效果相较于前一篇文章,明显感觉多了图片,那么这些图片是怎么加载进去的呢?这里图片各不一样,如果用传统的方式去加载图片可能要写很多代码,这里看一...
分类：
Web程序 时间：
2014-05-09 05:39:17
阅读次数：
502
这篇主要讲解非入侵式javascript.在传统的前端开发中,把js写在html中,称为入侵式的javascript:这种做法由于没有把视图和行为分离,而且不易于维护管理,所以已经被淘汰掉.但是,angular通过改进,很好的解决了这个问题.称为声明式事件处理器.
3.1.非入侵式js ...
分类：
其他好文 时间：
2014-05-09 04:46:23
阅读次数：
259
本篇介绍angular中元素的迭代: 4.1.迭代
{{$index+1}}{{student.name}}{{student.score}} function StudentList ($scope){
$scope.students = [{"...
分类：
其他好文 时间：
2014-05-09 03:44:07
阅读次数：
183
视图的迭代和它的ng-repeat属性绑定的数据是实时绑定的,一旦数据发生了改变,视图也会立即更新迭代.还是刚才的那个例子,给它添加一个添加数据按钮和一个删除数据按钮.
4.1.迭代 {{$index+1}}{{student.name}}{{student.sc...
分类：
其他好文 时间：
2014-05-09 02:53:51
阅读次数：
415
每个迭代项中还有以下三个变量:$first:
判断是否是迭代第一项,如果是,得到true,如果不是,得到false$middle:
判断是否迭代中间项(既不是第一项也不是最后一项的都是中间项),如果是,得到true,如果不是,得到false$last:
判断是否是迭代最后项,如果是,得到true,如...
分类：
其他好文 时间：
2014-05-09 00:10:45
阅读次数：
270
本篇介绍angular控制视图的显示和隐藏:通过给元素添加ng-show属性或者ng-hide属性来控制视图的显示或隐藏:ng-show:
绑定的数据值为true时,显示元素,值为false时,隐藏元素ng-hide:
绑定的数据值为true时,隐藏元素,值为false时,显示元素(其实只要用到其中...
分类：
其他好文 时间：
2014-05-08 23:03:29
阅读次数：
332
同样是上一个例子,我们要求并非实时的计算结果,而是等到用户确定自己已经输入完毕,然后进行计算:
2.3.4计算阶乘实例3 的阶乘结果是: {{factorial.result}} 计算 重置 ...
分类：
其他好文 时间：
2014-05-08 18:28:03
阅读次数：
295
2.3.3计算阶乘实例2 的阶乘结果是: {{factorial.result}}
同样是这个例子:result的改变,本质上是由于number的改变,而不是input的value值改变,number的改变有可能是input的va...
分类：
其他好文 时间：
2014-05-08 10:20:00
阅读次数：
371
