标签属性介绍ng-class="{className:expression}"如果expression为true,则使用className这个class。ng-click="functionName(pram)"这跟onclick是一样的,点击就执行functionName(pram)。ng-repeat="iinset|filter:filterExpressionorfilterFunction|orderBy:order+orderType"循..
分类:
编程语言 时间:
2015-06-29 18:03:23
阅读次数:
140
Angular - ng-repeat高级用法ng-repeat高级用法:遍历数组: {{item}}遍历对象: key:对象的key value:对象的value {{key}} | {{value}}绑定$$haskKey: 给每个item绑定唯一ID,当数组发生变化时,ID不变! 过滤器: 对...
分类:
其他好文 时间:
2015-06-17 13:18:14
阅读次数:
231
用AngularJS实现购物车,具体代码如下:<!DOCTYPEhtml>
<htmlng-app="app">
<head>
<metacharset="utf-8">
<linkhref="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css"rel="stylesheet">
<styletype="text/css">
body{
f..
分类:
Web程序 时间:
2015-06-06 23:48:32
阅读次数:
302
刚开始学ng,通过todo练习初步感受到ng框架的强大功能,记录下过程中出现的几个问题:
1、使用localStorage存储数据,序列化的时候使用angular.toJson,因为ng-repeat会在数组对象内部添加$$hashkey属性,使用JSON.stringify序列化不会过滤
2、练习用的是1.4版本的ng,网上很多示例是早期的版本,语法上有不少变化,琢磨了半天
引用了...
分类:
Web程序 时间:
2015-05-29 18:12:18
阅读次数:
223
filter用法比较灵活(也增加了较高的复杂度),单独列出。基本的用法:ng-repeat="item in items | filter:{name:keyword,done:false}" // 默认是and连接多个属性ng-repeat="item in items | filter:{$:k...
分类:
其他好文 时间:
2015-05-27 19:04:34
阅读次数:
125
ng-repeat指令在迭代的时候,每次迭代都会创建一个新的scope,比如下面的代码: app.controller('listController',function($scope){ $scope.lists = [1,2,3,4,5] })div所在的scope就是list...
分类:
Web程序 时间:
2015-05-11 06:33:27
阅读次数:
244
ng-repeat指令要点 1,基本格式,这里不作过多说明,需要的话查看文档 {{$index}}{{item.someProperty}}{{item.someFunction()}} 其中someXXX代表需要相应替换内容。$index是ng-repeat 内置变量,这是唯一一个数值型...
分类:
Web程序 时间:
2015-05-08 09:21:19
阅读次数:
139
AngularJS orderBy 使用要点总结: 1,书写格式基本应用格式为:ng-repeat="item in itemList | orderBy:p1:p2"参数p1可以是字段名或自定义函数,p2指是否逆序,默认是false举例:假设$scope中有var itemList=[{id:2....
分类:
Web程序 时间:
2015-05-07 12:16:57
阅读次数:
156
在Angular实现表格输出的话,使用ng-repeat输出信息, 使用了:ng-repeat-startng-repeat-endng-hide="$first" 1 2 3 4 {{orderItem.NAME}} 5 {{orderItem.COM...
分类:
其他好文 时间:
2015-04-23 12:57:47
阅读次数:
252
angular版本:1.2.26<divclass="checkboxcol-md-12{{m.state?‘selected‘:‘‘}}"ng-repeat="minksType|filter:keyWords">
<label>
<inputtype="checkbox"ng-model="m"ng-checked="m.state"value=""ng-change="chooseCheck(m)">{{m.MC}}
</label>
</div..
分类:
编程语言 时间:
2015-04-23 11:08:12
阅读次数:
173