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

html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>Angularjs自定义服务~使用Module的service方法title>
      
      <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>

你可能感兴趣的:(效果初现)