19-service之在過濾器中使用服務

<!DOCTYPE html>
<html lang="en" ng-app="myapp">
    <head>
        <meta charset="utf-8">
        <script src="js/angular.js"></script>
    </head>
    <body>
        <div>
            在過濾器中使用服務:
            <h1>{{255 | myFormat}}</h1>
        </div>
    </body>
    <script type="text/javascript">
        var app = angular.module("myapp",[]);

        <!-- 自定義服務hahaha,包含方法 myService-->
        app.service('hahaha',function(){
            this.myService = function(x){
                return x.toString(16);
            }


        });
        <!-- 把服務傳入filter中-->
        app.filter("myFormat",['hahaha',function(hahaha){
            return function(x){
                return hahaha.myService(x);
            }
        }]);
    </script>
</html>
發佈了63 篇原創文章 · 獲贊 4 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章