<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/angular.min.js" ></script>
<script type="text/javascript" src="js/jquery-1.11.1.js" ></script>
<script>
var app=angular.module("myapp",[]);
app.controller("democ",function($scope,$http){
//$http请求网络上的数据 get():请求指定路径的数据
$http.get("http://result.eolinker.com/TucCTQueffdc1d1aaa3be05d8c62e9bb5d3e8b495f97cca?uri=hybrid")
.then(function(d){
$scope.persons=d.data;
});
//每行遍历都会调用getAge 传进来出生日期, 在函数
$scope.getAge=function(bir){
var b=new Date(bir).getYear();
var nowb=new Date().getYear();
return nowb-b;
}
$scope.del=function(id){//js删除 只能根据索引删除
//根据id查找id所对应索引
var index=0;
for (var i in $scope.persons) {
if($scope.persons[i].id==id){
index=i;
}
}
var f=confirm("是否删除");
if(f){
$scope.persons.splice(index,1);
}
}
})
</script>
</head>
<body ng-app="myapp" ng-controller="democ">
<h1 ng-show="persons.length==0">
页面无操作数据
</h1>
<div ng-show="persons.length>0">
<table border="1">
<tr ng-repeat="d in persons|orderBy:'birthday'">
<td>{{d.name}}</td>
<td>{{getAge(d.birthday)}}</td>
<td>{{d.gender}}</td>
<td>{{d.salary|currency:"¥:"}}</td>
<td>{{d.birthday|date:"yyyy-MM-dd hh:mm:ss"}}</td>
<td><button ng-click="del(d.id)">删除</button></td>
</tr>
</table>
<div>
</body>
</html>
解析展示+删除
最新推荐文章于 2024-06-07 22:45:54 发布