Angularjs自定义服务~使用Module的service方法

最新推荐文章于 2022-09-05 19:29:46 发布

Dewey666

最新推荐文章于 2022-09-05 19:29:46 发布

阅读量1.7k

点赞数

分类专栏：效果初现文章标签： Angularjs自定义服务servic app.service

本文链接：https://blog.csdn.net/IT666DHW/article/details/78272194

版权

效果初现专栏收录该内容

107 篇文章 3 订阅

订阅专栏

<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>Angularjs自定义服务~使用Module的service方法</title>
      <!--  如同指令一样，系统内置的服务以$开头，自己定义一个服务。定义服务的方式有如下几种：
         · 使用Module的factory方法
         · 使用Module的service方法
         · 使用系统内置的$provide服务    
         
          2. service：可以认为是一个类型，只要把属性和方法添加到this对象上即可,不用显式返回什么对象。
                   它是一个可注入的构造器，在AngularJS中它是单例的，用它在Controller中通信或者共享数据都很合适。
                  service可以定义基本类型引用类型数据，也可以定义方法  -->
      <script type="text/javascript" src="../js/angular.js" ></script>
      <script>
         var app = angular.module("myApp",[]);
         
         // （1）在当前应用程序app自定义服务：myService
         app.service("myService",function(){
            this.name = "罗茜";     //自定义name属性添加到this对象上
            this.fun = function(){ //自定义一个命名函数
               alert("大明星");
            };
         });
         
         //在控制器myCtrl的作用域中调用服务myService中数据
         app.controller("myCtrl",function($scope,myService){
            $scope.name = myService.name;
            $scope.fun = myService.fun;
         });
      </script>
   </head>
   
   <body ng-app="myApp" ng-controller="myCtrl">
      <p ng-click="fun()">{{name}}</p>
   </body>
</html>

Dewey666

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Angularjs自定义服务~使用Module的service方法

html>html> head> meta charset="UTF-8"> title>Angularjs自定义服务~使用Module的service方法title> <!-- 如同指令一样，系统内置的服务以$开头，自己定义一个服务。定义服务的方式有如下几种： · 使用Module的factory方法 · 使用Mo
复制链接

扫一扫