AngularJs 自定义value服务

神奇大叔

于 2020-01-20 14:23:41 发布

阅读量281

点赞数

分类专栏： Angular.js 文章标签： angular.js

本文链接：https://blog.csdn.net/weixin_43294560/article/details/104051297

版权

Angular.js 专栏收录该内容

32 篇文章 1 订阅

订阅专栏

自定义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>

神奇大叔

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJs 自定义value服务

自定义value服务 .value()方法对app数据模型进行扩展,使得不同controller可以进行通信,充当全局变量的作用语法:数据模型app.value('自定义服务名称',服务内容JSON{}); 定义后在controller中使用需要注入代码示例:<html ng-app='app' ng-controller='main' ><head> ...
复制链接

扫一扫