angular中如何定义全局变量_angularjs 设置全局变量的方法
angularjs 设置全局变量的3种方法
angularjs自身有二种,设置全局变量的方法,在加上js的设置全局变量的方法,总共有三种。要实现的功能是,在ng-app中定义的全局变量,在不同的ng-controller里都可以使用。
1,通过var 直接定义global variable,这根纯js是一样的。
2,用angularjs value来设置全局变量 。
3,用angularjs constant来设置全局变量 。
下面用一个例子,来说明,上面3种方法:
实例:
1,在app模块中,定义全局变量
'use strict';
/* App Module */
var test2 = 'tank'; //方法1,定义全局变量
var phonecatApp = angular.module('phonecatApp', [ //定义一个ng-app
'ngRoute',
'phonecatControllers',
'tanktest'
]);
phonecatApp.value('test',{"test":"test222","test1":"test111"}); //方法2定义全局变量
phonecatApp.constant('constanttest', 'this is constanttest'); //方法3定义全局变量
phonecatApp.config(['$routeProvider', //设置路由
function($routeProvider) {
$routeProvider.
when('/phones', {
templateUrl: 'partials/phone-list.html' //这里没有设置controller,可以在模块中加上ng-controller
}).
when('/phones/:phoneId', {
templateUrl: 'partials/phone-detail.html',
controller: 'PhoneDetailCtrl'
}).
when('/login', {
templateUrl: 'partials/login.html',
controller: 'loginctrl'
}).
otherwise({
redirectTo: '/login'
});
}]);
2,在controller中调用全局变量
'use strict';
/* Controllers */
var phonecatControllers = angular.module('phonecatControllers', []);
phonecatControllers.controller('PhoneListCtrl', ['$scope','test','constanttest',
function($scope,test,constanttest) {
$scope.test = test; //方法2,将全局变量赋值给$scope.test
$scope.constanttest = constanttest; //方法3,赋值
$scope.test2 = test2; //方法1,赋值
}]);
3,在html中看一下效果
{{test.test1}}
{{constanttest}}
{{test2}}
结果:test111 this is constanttest tank
其实我们可以通过其他方法来实现全局变量,例如:angularjs factory的功能。
angular中如何定义全局变量_angularjs 设置全局变量的方法相关推荐
- angular4设置全局变量_angularjs 设置全局变量的7种方法
在ng-app或控制器中定义的全局变量,在不同的controller里都可以使用. 1,通过var 直接定义global variable,这根纯js是一样的. 2,用angularjs value来 ...
- angular6 设置全局变量_Angularjs 设置全局变量的方法总结
AngularJS 设置全局变量的三种方法 angularjs自身有二种,设置全局变量的方法,在加上js的设置全局变量的方法,总共有三种.要实现的功能是,在ng-app中定义的全局变量,在不同的ng- ...
- angular6 设置全局变量_angularjs 设置全局变量的3种方法
angularjs 设置全局变量的3种方法 angularjs自身有二种,设置全局变量的方法,在加上js的设置全局变量的方法,总共有三种.要实现的功能是,在ng-app中定义的全局变量,在不同的ng- ...
- ASP.Net全局变量的设置和读取方法
ASP.Net全局变量的设置和读取方法 本文介绍两种ASP.Net项目中全局变量使用的方式.web.config文件 和 Gloab文件.以下分别说明: 方法一:web.config文件 --设置: ...
- mysql 设置全局变量_MySQL数据库之mysql查看全局变量以及设置全局变量的值
本文主要向大家介绍了MySQL数据库之mysql查看全局变量以及设置全局变量的值 ,通过具体的内容向大家展现,希望对大家学习MySQL数据库有所帮助. 1.查看mysql的所有全局变量的值 SHOW ...
- mysql查看指定全局变量_【全局变量】mysql查看全局变量以及设置全局变量的值...
1.查看mysql的所有全局变量的值 SHOW GLOBAL VARIABLES 或者 SHOW VARIABLES mysql有很多全局变量,包括系统的一些基本信息,以及mysql的一些基本配置都可 ...
- 转:ASP.Net下两种全局变量的设置和读取方法
本文介绍两种ASP.Net项目中全局变量使用的方式.web.config文件 和 Gloab文件.以下分别说明: 方法一:web.config文件 --设置: 在web.config文件里添加关键字k ...
- C++/C++11中用于定义类型别名的两种方法:typedef和using
类型别名(type alias)是一个名字,它是某种类型的同义词.使用类型别名有很多好处,它让复杂的类型名字变得简单明了.易于理解和使用,还有助于程序员清楚地知道使用该类型的真实目的.在C++中,任何 ...
- angular中如何定义全局变量_如何在Angular 2 / Typescript中声明全局变量?
这是最简单的解决方案,Service没有/ 也没有Observer: 将全局变量放在文件中,然后导出它们. // // ===== File globals.ts // 'use strict'; e ...
最新文章
- 用VS(c#)创建、调试windows service以及部署卸载
- 清华 NLP 实验室:AI 诗人「九歌」喊你来对对子
- bool函数_有趣的函数绝无仅有
- R语言dplyr包mutate_all函数一次性处理所有的数据列的内容(使用统一的函数)实战
- pytorch图像和张量的相互转换_如何加载图像并将其转换为PyTorch的适当张量?
- 学生上课睡觉班主任怎么处理_【师问师答】学生上课说话,点名批评还嘴怎么办?...
- angularjs ui-router 路由简介
- PHP-php://(类型)访问各个输入/输出流以及全局变量$HTTP_RAW_POST_DATA讲解
- Ubuntu 11.10为何值得我们期待?
- 立帖为据,每日学习一课编程技术
- 【推荐】“汇新杯”新兴科技+互联网创新大赛——IT人大展拳脚的创业大赛
- xiecheng_spider
- iOS 15 TableView刷新组头适配问题
- C++开发USB时缺少winusb.h头文件
- OSPF NBMA实验(单播、广播)
- 微信支付中的p12证书提取公钥、私钥、证书、序列号等
- excel2019如何做下拉菜单选项(数据源不占用原表上的单元格)
- 面向对象程序设计c++版董正言张聪课本课后习题答案第六章
- codeforces 892A. Greed(水)
- 查看docker与宿主机网卡的对应关系,tcpdump在容器外网络抓包
热门文章
- 获取Android手机的分辨率通过ADB命令
- std::string的拷贝赋值研究
- PyCharm入门教程——在编辑器中选择文本
- @Autowired注解和静态方法 NoClassDefFoundError could not initialize class 静态类
- ZooKeeper学习第七期--ZooKeeper一致性原理
- Android ORM 框架:GreenDao 数据库升级
- 5G时代即将来临,三大运营商各自为营谁能抢占先机?
- JMeter入门(3):录制JMeter脚本
- Linux安装rpc监控系统资源
- MySQL远程工具链接报错—1130