angularjs 自定义过滤器 

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

posted @ 2017-03-29 09:53  linfang.zhou  阅读(155)  评论(0)  编辑  收藏  举报