angularJs设置全局变量的N种方法

最新推荐文章于 2021-01-31 22:37:17 发布

侠歌

最新推荐文章于 2021-01-31 22:37:17 发布

阅读量5.4k

点赞数 1

分类专栏： angularjs JavaScript 文章标签： angularjs

本文链接：https://blog.csdn.net/guowei5460/article/details/53636477

版权

JavaScript 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

angularjs

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="http://apps.bdimg.com/libs/angular.js/1.5.0-beta.0/angular.min.js" type="text/javascript"></script>
    <script>

		var myApp = angular.module('myApp', []);  

		//方法1 value 
		myApp.value("public",{
		  "Localapi":"/v1/getInfo/",
		  "Versions":"V2.2.3"
		}); 

		//方法2 constant  
		myApp.constant("option", function(){
		   
			return {
				//全局共用函数
				fn : function(str) {
				  return "text"
				},
				//变量
				Localapi : "/v1/getInfo/",
				//数组
				array : [200,300,500,600]
			}

		}); 
		  
		//使用,注入public
		myApp.controller("Demo",["$scope","public",function($scope,public){

		     $scope.public = public;
		 
		}])

		//使用,注入public
		myApp.controller("Demo2",["$scope","option",function($scope,option){

		     $scope.option = option();
		 
		}])

    </script>
</head>
<body ng-app="myApp">

	<div ng-controller="Demo">
		{{ public.Localapi }}
	</div>

	<div ng-controller="Demo2">
	    {{ option.Localapi }} <br/>
		<span ng-repeat="(key, value) in option.array">
			({{ key }} -- {{ value }})
		</span>
	</div>

</body>
</html>

侠歌

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angularJs设置全局变量的N种方法

var myApp = angular.module('myApp', []); myApp.value('public',{ "Localapi":"/v1/getInfo/", "Versions":"V2.2.3"}); myApp.constant('option', function(){ return { getUrlParam:functio
复制链接

扫一扫

专栏目录