AngularJs 自定义value服务

港控/mmm° 2021-07-24 15:17 369阅读 0赞

自定义value服务
    	.value()方法对app数据模型进行扩展,使得不同controller可以进行通信,充当全局变量的作用
    
    	语法:数据模型app.value('自定义服务名称',服务内容JSON{});
    	定义后在controller中使用需要注入

代码示例:

<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/underscore.js'></script>
    	
    	<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.value('ssr',{ });
    
    	app.controller('main',['$scope',function($scope){ 
    		$scope.mainTitle='value';
    	}])
    
    	app.controller('con',['$scope','ssr',function($scope,ssr){ 
    		$scope.msg='';
    		$scope.submit=function(temp)
    		{ 
    			//向全局变量存入msg
    			ssr.save=temp;
    		}
    
    	}])
    
    	app.controller('con2',['$scope','ssr',function($scope,ssr){ 
    			$scope.showMsg='';
    
    			$scope.download=function()
    			{ 
    				$scope.showMsg=ssr.save;
    			}
    
    	}])
    </script>
    </body>
    </html>