AngularJs 自定义service服务

女爷i 2021-07-24 12:33 379阅读 0赞

service服务
    	相当于本身已经构建了一个空白对象,通过this.来操作,不是通过this.创建的内容,需
    	要提供一个this.方法来对外暴露返回/修改,否则无法取值
    
    	语法:app页面数据模型.service('自定义service服务名字',function()
    	{
    		通过this.添加内容;
    		...
    	})

代码示例:

<html ng-app='app' ng-controller='main' >
    <head>
    	<meta charset="utf-8">
    	<meta name='viewport' content='width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0'>
    	<title ng-bind='mainTitle'></title>
    
    	<script src='js/angular.js'></script>
    	<script src='js/angular.route.min.js'></script>	
    	<style>
    
    	</style>
    </head>
    <body >
    
    <div class='div1' ng-controller='con'>
    	<input type="text" ng-model='msg'>
    	<button ng-click='submit(msg)'>保存</button>	
    </div>
    
    
    <div class='div2' ng-controller='con2'>
    <p ng-bind='showMsg'></p>
    <button ng-click='download()'>下载</button>
    		
    </div>
     
    
    <script>
    	var app=new angular.module('app',[]);
    
    	app.service('ssr',function(){ 
    		this.pname='jeff'
    		var sec='密码';
    		this.getSec=function()
    		{ 
    			return sec;
    		}
    		this.setSec=function(temp)
    		{ 
    			sec=temp;
    		}
    	});
    
    
    	app.controller('main',['$scope',function($scope){ 
    		$scope.mainTitle='value';
    	}])
    
    	app.controller('con',['$scope',function($scope){ 
    		$scope.msg='';
    		$scope.submit=function(temp)
    		{ 
    			//向全局变量存入msg
    			
    		}
    
    	}])
    
    	app.controller('con2',['$scope','ssr',function($scope,ssr){ 
    			$scope.showMsg='';
    
    			$scope.download=function()
    			{ 
    				console.log(ssr.pname);
    				console.log(ssr.getSec());
    				ssr.setSec('密码2');
    				console.log(ssr.getSec());
    
    
    			}
    
    	}])
    </script>
    </body>
    </html>