$provide里的factory，servise方法使用

原创于 2021-10-13 18:07:19 发布 · 214 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

angular.js 专栏收录该内容

14 篇文章

订阅专栏

本文展示了如何在 AngularJS 中创建自定义服务和工厂。通过`$provide`服务，我们定义了`CustomServer`、`CustomFactory`和`Customserve2`。在`testController`中，这些自定义组件被注入并用于展示其返回的数据，包括消息字符串和数组。此示例有助于理解 AngularJS 中依赖注入和服务的使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var app = angular.module("myApp", [], function($provide) {

    //自定义服务
    $provide.provider("CustomServer", function() {
        this.$get = function() {
            return {
                message: "CustomServer  message"
            }
        }
    })

    //自定义工厂

    $provide.factory('CustomFactory', function() {
        return [1, 2, 3, 4, 5, 6]
    })

    //自定义服务
    $provide.service('Customserve2', function() {
        return ["上海", "北京", "天津"]
    })

})

app.controller("testController", function($scope, CustomServer, CustomFactory, Customserve2) {
    $scope.name = "问苍天情为何物，直教人生死相许。";
    console.log("服务：", CustomServer)
    console.log("服务：", Customserve2)
    console.log("工厂：", CustomFactory)
})