angularJS1笔记-(4)-自定义服务

小咪咪 2021-12-15 03:29 237阅读 0赞

html:

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    
    <div ng-app="myApp">
        <div ng-controller="firstController">
            <p>{
         {name}}</p>
            <p>{
         {serviceMsg1</p>
            <p>{
         {serviceMsg2}}</p>
        </div>
    </div>
    
    <script type="text/javascript" src="../../vendor/angular/angularJs.js"></script>
    <script type="text/javascript" src="app/index.js"></script>
    
    </body>
    </html>

js:

var myApp = angular.module('myApp',[],function ($provide) {
       console.log(1);
       //自定义服务
        $provide.provider('CustomService1',function () {
           this.$get = function () {
               return {
                   message : '你好 CustomService1 Message'
               }
           }
        });
        $provide.provider('CustomService2',function () {
            //此处的$get用于返回factory的实例
            this.$get = function () {
                return {
                    message : '你好 CustomService2 Message'
                }
            }
        });
    });
    myApp.controller('firstController',function (CustomService1,CustomService2,$scope) {
        $scope.name = '张三';
        $scope.serviceMsg1 = CustomService1.message;
        $scope.serviceMsg2 = CustomService2.message;
    });

结果：

![543426-20170428163801772-312718524.png][]

转载于:https://www.cnblogs.com/yk123/p/6782226.html

[543426-20170428163801772-312718524.png]: /images/20211214/c7f24cc7af044cc2ae9d4a8b65083b50.png

发表评论取消回复

表情：

评论列表（有 0 条评论，237人围观）

还没有评论，来说两句吧...

相关阅读

相关 AngularJS 自定义常量服务

<!DOCTYPE html> <html lang="en" ng-app="App"> <head> <meta charset="UTF

落日映苍穹つ/ 2022年07月12日 08:14/ 0 赞/ 181 阅读

相关 AngularJS 自定义常量服务

<!DOCTYPE html> <html lang="en" ng-app="App"> <head> <meta charset="UTF

╰半夏微凉°/ 2022年07月12日 08:14/ 0 赞/ 224 阅读

相关 AngularJs自定义服务

<!DOCTYPE html> <html lang="en" ng-app="App"> <head> <

悠悠/ 2022年07月12日 07:06/ 0 赞/ 189 阅读

相关 angularJS1笔记-(4)-自定义服务

html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

小咪咪/ 2021年12月15日 03:29/ 0 赞/ 238 阅读

相关 AngularJs 自定义过滤服务

自定义过滤服务$filter 通过页面数据模型调用,用来添加水印,添加出处等,在已知内容上添加语法:app.filter('自定义过滤

心已赠人/ 2021年07月25日 00:42/ 0 赞/ 367 阅读

相关 AngularJs 自定义provider服务

provider服务 1、只要被创建就会添加到app中,无论是否注入,都存在且占内存,后续不需等待直接使用 2、其他服务创建完成后,只有注入使用才加

我就是我/ 2021年07月24日 18:57/ 0 赞/ 366 阅读

相关 AngularJs 自定义value服务

自定义value服务 .value()方法对app数据模型进行扩展,使得不同controller可以进行通信,充当全局变量的作用语法:数

港控/mmm°/ 2021年07月24日 15:17/ 0 赞/ 343 阅读

相关 AngularJs 自定义constant服务

自定义constant服务作用上等价于value服务,区别一旦定制完成,在注入使用前不能更改(多次定制相同constant服务,只有第一个生效)

喜欢ヅ旅行/ 2021年07月24日 14:39/ 0 赞/ 354 阅读

相关 AngularJs 自定义service服务

service服务相当于本身已经构建了一个空白对象,通过this.来操作,不是通过this.创建的内容,需要提供一个this.方法来对外暴露返回

女爷i/ 2021年07月24日 12:33/ 0 赞/ 356 阅读

相关 AngularJs 自定义factory服务

自定义factory服务通过函数返回一个对象,在函数内部可以进行算式等操作然后赋值给返回的对象,value服务等提供的对象是较固定的键值对

小鱼儿/ 2021年07月24日 11:49/ 0 赞/ 356 阅读