基本思路一开始页码为1,Service向服务器端获取对应信息;点击上/下一页/跳转,通过对应的页码向服务器端获取对应的信息。由于后台暂时没弄好,我实现的过程中直接读取准备好的JSON文件,通过页码获取对应的信息段并通过ng-repeat在页面显示具体信息。展示一开始直接在Controller中实现分...
分类:
Web程序 时间:
2015-04-22 11:00:21
阅读次数:
191
由于项目需求,需要使用angular 实现列表的增、删、改,并且列表支持拖拽。看了下angular-ui 里面的sortable组件,使用起来也是非常简单,几十行代码就完成了所需功能。我现在懒得想如何使用jquery完成该功能,不过我能肯定的是使用jquery完成这个功能,代码至少多几倍效果如下:本...
分类:
其他好文 时间:
2015-04-12 19:21:43
阅读次数:
186
直接上代码 JS Bin {{test1}} {{item.id}} -- {{item.value}} {{key}} -- {{value}} ...
分类:
编程语言 时间:
2015-03-15 22:38:56
阅读次数:
20954
ng-repeat
html
{{answer}}
js
module...
分类:
其他好文 时间:
2015-03-10 12:06:39
阅读次数:
160
由于angularjs数据的双向绑定特性,当scope中的数据发生改变的时候,会自动刷新界面。当点击first按钮的时候,scope中的dataList数据发生了变化,界面会自动刷新。如果要实现dom的刷新有2种方式:方式一:删除之前所有存在的dom,然后重新生成dom。方式二:重用之前的dom元素,仅仅更新dom元素的属性。在没有使用track by的情况下,angular采用的是方式一,这一点可以通过我们注册的DOMNodeRemoved事件处理函数得到证实。...
分类:
其他好文 时间:
2015-03-07 22:47:25
阅读次数:
4776
我们可以使用ng-repeat指令遍历一个javascript数组,当数组中有重复元素的时候,angularjs会报错:
Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys. Repeater: user in user...
分类:
其他好文 时间:
2015-03-06 17:13:28
阅读次数:
217
ng-controller指令会创建一个新的作用域scope。我们可以使用angular.element(domElement).scope()方法来获得某一个DOM元素相关联的作用域。可以看到scope0和scope1中都有一个buttons属性,这个属性就是从父作用域下继承得到的,很类似于javascript的原型链。也就是说如果我们想在childScope中修改parentScope中某个属性的值,那么该属性一定不能是javascript基本数据类型,一定要是对象类型。而且不能直接通过=进行赋值修改,...
分类:
Web程序 时间:
2015-03-05 22:23:01
阅读次数:
205
当使用ng-repeat指令时,如果绑定的数据源里有重复的数据时,此时数据会绑定失败。 {{i}}此时要在指令内容的最后加上 track by $index 才能绑定成功。 {{i}}官方页面链接:https://docs.angularjs.org/error/ngRepeat/dupes?p0=...
分类:
其他好文 时间:
2015-02-13 16:23:15
阅读次数:
219
前面了解了AngularJS的使用方法,这里就简单的写个小程序,实现查询过滤以及排序的功能。本程序中可以了解到: 1 angularjs的过滤器 2 ng-repeat的使用方法 3 控制器的使用 4 数据的绑定 程序设计分析 首先,如果要是先查询过滤,就要使用到AngularJS中的过...
分类:
编程语言 时间:
2015-02-10 21:31:00
阅读次数:
698
filter用于关键字过滤操作,orderBy用于排序操作,运行界面如下:点击标题Name与Email实现排序功能,输入框中输入关键字进行过滤,同时实现根据关键字进行过滤后进行排序操作:ng-repeat="user in users | filter:keyword | orderBy:sortF...
分类:
其他好文 时间:
2015-02-04 20:22:07
阅读次数:
317