<!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 转换成女,因此需要自定义一个过滤器。自定义过滤器的格式如上。