AngularJS-4-循环绑定

来源：互联网发布：托福听力软件推荐编辑：程序博客网时间：2024/06/05 20:30

一、绑定

<table>

<tbody>

<td>{{x.Name}}</td><td>{{x.Age}}</td><td>{{x.Constellation}}</td><td>{{x.WorkYear}}</td>

</tr>

</tbody>

</table>

var app = angular.module("lesson"，[]);

app.controller("lesson4",function($scope){

$scope.UserEntityList=[

{'Name':'Tom','Age':26,'Constellation':'水瓶座','WorkYear':19},

{'Name':'Jerry','Age':27,'Constellation':''巨蟹座','WorkYear':5},

{'Name':'David','Age':28,'Constellation':''天秤座','WorkYear':6},

{'Name':'Tim','Age':39,'Constellation':''摩羯座','WorkYear':7}

]

})

</script>

二、过滤器

1、排序

正序：<tr ng-repeat="x in UserEntityList | orderBy:'Age'">

倒序：<tr ng-repeat="x in UserEntityList | orderBy:'Age':true">

2、组合排序

正序：<tr ng-repeat="x in UserEntityList | orderBy:['Age','WorkYear']">

倒序：<tr ng-repeat="x in UserEntityList | orderBy:['Age','-WorkYear']">

3、大写输出

4、序号

</tr>

5、过滤器

显示带39的(模糊查询)：<tr ng-repeat="x in UserEntityList | orderBy:['Age','WorkYear'] | filter:39">

显示39的(精准查询)：<tr ng-repeat="x in UserEntityList | orderBy:['Age','WorkYear'] | filter:{‘Age’:39}">

阅读全文

0 0