3-8 Angular-service自定義服務

service自定義服務

1.指令

  • 內置指令
  • 自定義指令
app.directive("xmg", function () {
    return {
        restrict:"EA",//指令類型
        template:"", //指令模版
        replace:true, //是否替換原有指令
        tranclude:true//是否保留標簽內容
    }
});

2.過濾器

  • 內置過濾器
  • 自定義過濾器
app.filter("filterName", function () {
    return function (input) {

    }
});

3.服務

  • 內置服務

  • 自定義服務

  • Angular在一開始就幫我們定義一些功能。我可以直接使用這些功能。
    都是一個方法或者一個對象的形式來調用指定的功能。
    想要使用這些服務。必須得要注入。
    所謂服務是將一些通用性的功能邏輯進行封裝方便使用,AngularJS允許自定義服務。

  • 自定義服務目的: 把公用的功能, 給封裝到一起,進行復用.

  • 服務本質就是一個對象, 或者以方法方式存在.

  • 注意:系統內置服務前加 , 自己定義服務的不需要加

app.service('xmgService', function () {
    this.say = function () {
        console.log("hello");
    }

    this.showTime = function () {
        var curTime = new Date();
    }
});
//使用日期, 所以依賴內置服務實現
app.service('xmgService', ['$filter', function ($filter) {
    this.say = function () {
        console.log("hello");
    }

    this.showTime = function () {
        var curTime = new Date();
        //var date = $filter('date')(); //->data()

        //獲取日期過濾器
//            var date = $filter('date');
        //格式化好指定格式,返回
//            return data(curTime, 'yyyy-MM-dd hh:mm:ss');

        //最終簡化
        return $filter('date')(curTime, 'yyyy-MM-dd hh:mm:ss');

    }
}]);

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容