<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/angular.min.js" ></script>
<script>
angular.module("a1",[]).controller("b1",function($scope){
$scope.datas=[{name:'张三',age:'18',salar:2300},
{name:'李四',age:'28',salar:30000},
{name:'王五',age:'38',salar:5000}];
});
</script>
</head>
<body >
<div ng-app="a1" ng-controller="b1">
<p>姓名:<input type="text" ng-model="test"></p>
选择排序条件:
<select ng-model="px">
<option value="">请选择排序条件</option>
<option value="+age">年龄升序排列</option>
<option value="-age">年龄降序排列</option>
<option value="+salar">工资升序排</option>
<option value="-salar">工资降序排列</option>
</select>
<table border="1px" >
<tr>
<th>姓名</th>
<th>年龄</th>
<th>工资</th>
</tr>
<tr ng-repeat="x in datas |filter :{name:test}|orderBy:px" >
<td>
{{x.name}}
</td>
<td>
{{x.age}}
</td>
<td>
{{x.salar}}
</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/angular.min.js" ></script>
<script>
angular.module("a1",[]).controller("b1",function($scope){
$scope.datas=[{name:'张三',age:'18',salar:2300},
{name:'李四',age:'28',salar:30000},
{name:'王五',age:'38',salar:5000}];
});
</script>
</head>
<body >
<div ng-app="a1" ng-controller="b1">
<p>姓名:<input type="text" ng-model="test"></p>
选择排序条件:
<select ng-model="px">
<option value="">请选择排序条件</option>
<option value="+age">年龄升序排列</option>
<option value="-age">年龄降序排列</option>
<option value="+salar">工资升序排</option>
<option value="-salar">工资降序排列</option>
</select>
<table border="1px" >
<tr>
<th>姓名</th>
<th>年龄</th>
<th>工资</th>
</tr>
<tr ng-repeat="x in datas |filter :{name:test}|orderBy:px" >
<td>
{{x.name}}
</td>
<td>
{{x.age}}
</td>
<td>
{{x.salar}}
</td>
</tr>
</table>
</body>
</html>
扫一扫
9994
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
