<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body ng-app="myApp">
<table>
<tr ng-repeat="item in staffList">
<td>{{item.gender | formatGender}}</td>
</tr>
</table>
<script type="text/javascript">
angular.module("myApp",[])
.filter("formatGender",function(){
return function(value){
if(value == "WOMAN"){
return "女"
}
return "男"
}
})
</script>
</body>
</html>
因为后台中存的字段是 MAN 和 WOMAN ,所以在前台展示的时候,需要将 MAN 转换成男, WOMAN 转换成女,因此需要自定义一个过滤器。自定义过滤器的格式如上。