1.切换分支到step7,并启动项目git checkout step-7npm
start2.需求:在步骤7之前,应用只给我们的用户提供了一个简单的界面(一张所有手机的列表),并且所有的模板代码位于index.html文件中。下一步是增加一个能够显示我们列表中每一部手机详细信息的页面。可以先看一....
分类:
Web程序 时间:
2014-05-13 10:48:33
阅读次数:
443
1.切换分支amosli@amosli-pc:~/develop/angular-phonecat$ git checkout step-8
#切换分支amosli@amosli-pc:~/develop/angular-phonecat$ npm start #启动项目2.需求:将step 7
中...
分类:
Web程序 时间:
2014-05-13 10:27:48
阅读次数:
452
1.切换目录,启动项目git checkout step-9npm
start2.需求:格式化要显示的数据.比如要将true-->yes,false-->no,这样相互替换.3.效果:4.代码实现:这里主要是使用filter过滤器来进行数据过滤,这里只是在前端进行数据过滤,原始数据是不发生变化的.$...
分类:
Web程序 时间:
2014-05-13 10:00:08
阅读次数:
399
本篇只要介绍angular表达式:在之前的例子中,我们多半是直接把数据作为angular标识符的值,但其实可以使用表达式来做更多的事情:比如:{{number}}也可以是:{{number+10}}
(将数据进行简单的运算)也可以是: {{someFun()/10}} (调用方法得到结果,同时经过简...
分类:
其他好文 时间:
2014-05-12 12:50:36
阅读次数:
277
本篇主要介绍控制器:控制器在前面的例子中已经大量的用到,它的作用主要是:控制某块视图,通过$scope向这块视图提供数据,函数,并且监视需要被检测的部分,当发生变化时,做出相应的动作,从而起到控制该部分视图的作用为了保持控制器的最小化和可管理,应该为视图中的每个功能都创建一个控制器,比如,有一个菜单...
分类:
其他好文 时间:
2014-05-12 12:41:20
阅读次数:
310
PPT:http://www.slideshare.net/DreamFactorySoftware/angularjs-and-rest-made-simpleblog:http://blog.dreamfactory.com/video:https://www.youtube.com/watch...
分类:
数据库 时间:
2014-05-12 01:50:59
阅读次数:
398
本篇主要介绍angular中图片的src和链接的href的处理:用到了以下两个属性:ng-src:
绑定了数据的路径表达式ng-href:绑定了数据的路径表达式例如: 7.1src和href 查看function SrcHref ($scope){
$scope.fav...
分类:
其他好文 时间:
2014-05-10 08:08:37
阅读次数:
417
前段时间一直在看AngularJS的资料,感觉是个很好的框架,很想有机会尝试用它做点什么。JQueryZTree是国内非常不错的JQuery插件,功能齐全,文档和API也非常的友好,之前项目上常用此插件。AngularJS功能虽然非常强大,但UI上提供的插件不像JQuery那么多,而且只能通过directive..
分类:
Web程序 时间:
2014-05-10 04:13:50
阅读次数:
372
在上一个例子中,元素的类名使用拼接的方法,这样,类名中就不得不带有true或false,并且不易维护,所以,angular使用ng-class属性来控制元素的类名:我们来看一个小例子,点击error按钮,顶部提示错误框,点击warning按钮,顶部提示警告框.错误框的类名是.err,警告框的类名是....
分类:
Web程序 时间:
2014-05-09 19:30:28
阅读次数:
523
再来看一个选择li列表的例子:点击li中的任意项,被点击的li高亮显示: 6.3css类和样式
{{restaurant.name}}{{restaurant.food}}{{restaurant.price}} function Restauran...
分类:
Web程序 时间:
2014-05-09 19:25:15
阅读次数:
447