2014年5月10日
angular学习笔记(十二)-控制器
摘要： 本篇主要介绍控制器:控制器在前面的例子中已经大量的用到,它的作用主要是:控制某块视图,通过$scope向这块视图提供数据,函数,并且监视需要被检测的部分,当发生变化时,做出相应的动作,从而起到控制该部分视图的作用为了保持控制器的最小化和可管理,应该为视图中的每个功能都创建一个控制器,比如,有一个菜单... 阅读全文
posted @ 2014-05-10 12:23 诗&远方 阅读(1253) 评论(0) 推荐(1) 编辑
angular学习笔记(十一)-表达式
摘要： 本篇只要介绍angular表达式:在之前的例子中,我们多半是直接把数据作为angular标识符的值,但其实可以使用表达式来做更多的事情:比如:{{number}}也可以是:{{number+10}} (将数据进行简单的运算)也可以是: {{someFun()/10}} (调用方法得到结果,同时经过简... 阅读全文
posted @ 2014-05-10 11:17 诗&远方 阅读(1245) 评论(0) 推荐(1) 编辑
2014年5月9日
angular学习笔记(十)-src和href处理
摘要： 本篇主要介绍angular中图片的src和链接的href的处理:用到了以下两个属性:ng-src: 绑定了数据的路径表达式ng-href:绑定了数据的路径表达式例如: 7.1src和href 查看function SrcHref ($scope){ $scope.fav... 阅读全文
posted @ 2014-05-09 16:25 诗&远方 阅读(2220) 评论(0) 推荐(1) 编辑
angular学习笔记(九)-css类和样式3
摘要： 再来看一个选择li列表的例子:点击li中的任意项,被点击的li高亮显示: 6.3css类和样式 {{restaurant.name}}{{restaurant.food}}{{restaurant.price}} function Restauran... 阅读全文
posted @ 2014-05-09 16:14 诗&远方 阅读(1083) 评论(0) 推荐(1) 编辑
angular学习笔记(九)-css类和样式2
摘要： 在上一个例子中,元素的类名使用拼接的方法,这样,类名中就不得不带有true或false,并且不易维护,所以,angular使用ng-class属性来控制元素的类名:我们来看一个小例子,点击error按钮,顶部提示错误框,点击warning按钮,顶部提示警告框.错误框的类名是.err,警告框的类名是.... 阅读全文
posted @ 2014-05-09 16:04 诗&远方 阅读(1912) 评论(0) 推荐(1) 编辑
angular学习笔记(九)-css类和样式1
摘要： 本篇主要介绍通过数据绑定来给元素添加特定的类名,从而应用特定的样式从一个最基本的例子来看: 6.1css类和样式 提交 一个提交的按钮,点击以后就会被禁用,显示为灰色:给button添加类名submit-{{disable}},这样,disable的改变,就会引起but... 阅读全文
posted @ 2014-05-09 15:13 诗&远方 阅读(1570) 评论(0) 推荐(1) 编辑
2014年5月8日
angular学习笔记(八)-控制视图显示隐藏
摘要： 本篇介绍angular控制视图的显示和隐藏:通过给元素添加ng-show属性或者ng-hide属性来控制视图的显示或隐藏:ng-show: 绑定的数据值为true时,显示元素,值为false时,隐藏元素ng-hide: 绑定的数据值为true时,隐藏元素,值为false时,显示元素(其实只要用到其中... 阅读全文
posted @ 2014-05-08 17:07 诗&远方 阅读(5850) 评论(0) 推荐(1) 编辑
angular学习笔记(七)-迭代3
摘要： 每个迭代项中还有以下三个变量:$first: 判断是否是迭代第一项,如果是,得到true,如果不是,得到false$middle: 判断是否迭代中间项(既不是第一项也不是最后一项的都是中间项),如果是,得到true,如果不是,得到false$last: 判断是否是迭代最后项,如果是,得到true,如... 阅读全文
posted @ 2014-05-08 16:41 诗&远方 阅读(1213) 评论(0) 推荐(1) 编辑
angular学习笔记(七)-迭代2
摘要： 视图的迭代和它的ng-repeat属性绑定的数据是实时绑定的,一旦数据发生了改变,视图也会立即更新迭代.还是刚才的那个例子,给它添加一个添加数据按钮和一个删除数据按钮. 4.1.迭代 {{$index+1}}{{student.name}}{{student.sc... 阅读全文
posted @ 2014-05-08 16:23 诗&远方 阅读(1168) 评论(1) 推荐(1) 编辑
angular学习笔记(七)-迭代1
摘要： 本篇介绍angular中元素的迭代: 4.1.迭代 {{$index+1}}{{student.name}}{{student.score}} function StudentList ($scope){ $scope.students = [{"... 阅读全文
posted @ 2014-05-08 15:35 诗&远方 阅读(1253) 评论(0) 推荐(1) 编辑