angular4设置全局变量_angularjs 设置全局变量的7种方法
在ng-app或控制器中定义的全局变量,在不同的controller里都可以使用。
1,通过var 直接定义global variable,这根纯js是一样的。
2,用angularjs value来设置全局变量 。
3,用angularjs constant来设置全局变量 。
4,用angularjs rootscope来设置全局变量 。
5、定义服务。
6、$rootScope。
7、定义一个服务 来传 值:
不同controller之间传值,profile是自定义的一个服务!
.controller('a',function(){
Profile.userNameAll = $scope.user.userName;
Profile.cellphone = $scope.user.phoneNum;
})
.controller('b',function(){
$scope.userName = Profile.userNameAll;
$scope.phoneNum = Profile.cellphone;
})
下面用一个例子,来说明其中3种方法:
实例:
1,在app模块中,定义全局变量:
var test2 = 'tank'; //方法1,定义全局变量
var app = angular.module('app', [
'ngRoute',
'phonecatControllers',
'tanktest'
]);
app .value('test',{"test":"test222","test1":"test111"}); //方法2定义全局变量
app .constant('constanttest', 'this is constanttest'); //方法3定义全局变量
app .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中调用全局变量
/* 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、结果
{{test.test1}}
{{constanttest}}
{{test2}}
结果:test111 this is constanttest tank
其实我们可以通过其他方法来实现全局变量,例如:angularjs factory的功能。
参考:http://blog.51yip.com/jsjquery/1601.html
angular4设置全局变量_angularjs 设置全局变量的7种方法相关推荐
- 计算机音乐播放器设置,Win7系统下设置默认音乐播放器的两种方法
可能很多新手用户不知道Win7系统下怎么设置默认音乐播放器?我们习惯将某一程序设置为默认打开方式,音乐播放器也可以这样子的.一些用户想把酷狗播放器.或者qq音乐设置为默认音乐播放器,只要打开音乐文件, ...
- html mp3默认播放器,Win7系统下设置默认音乐播放器的两种方法
可能很多新手用户不知道Win7系统下怎么设置默认音乐播放器?我们习惯将某一程序设置为默认打开方式,音乐播放器也可以这样子的.一些用户想把酷狗播放器.或者qq音乐设置为默认音乐播放器,只要打开音乐文件, ...
- ubuntu18.04设置开机启动命令/脚本的三种方法(可sudo)
很多时候想开机时便启动想要启动的命令(甚至是需要sudo的命令). 但是如何设置呢,一般来说有以下三种方法. (本文针对的是ubuntu18.04设置开机启动命令或者脚本) 1 不用sudo的命令开机 ...
- 【Ubuntu笔记】ubuntu18.04设置开机启动命令/脚本的三种方法(可sudo)
转自微信 谭狗星 很多时候想开机时便启动想要启动的命令(甚至是需要sudo的命令). 但是如何设置呢,一般来说有以下三种方法. (本文针对的是ubuntu18.04设置开机启动命令或者脚本) 1 不用 ...
- angular中如何定义全局变量_angularjs 设置全局变量的方法
angularjs 设置全局变量的3种方法 angularjs自身有二种,设置全局变量的方法,在加上js的设置全局变量的方法,总共有三种.要实现的功能是,在ng-app中定义的全局变量,在不同的ng- ...
- angular6 设置全局变量_Angularjs 设置全局变量的方法总结
AngularJS 设置全局变量的三种方法 angularjs自身有二种,设置全局变量的方法,在加上js的设置全局变量的方法,总共有三种.要实现的功能是,在ng-app中定义的全局变量,在不同的ng- ...
- angular6 设置全局变量_angularjs 设置全局变量的3种方法
angularjs 设置全局变量的3种方法 angularjs自身有二种,设置全局变量的方法,在加上js的设置全局变量的方法,总共有三种.要实现的功能是,在ng-app中定义的全局变量,在不同的ng- ...
- MySQL 里设置或修改系统变量的几种方法,这个写的非常清晰
比如设置MySQL实例参数wait_timeout为10秒. 1) 设置全局变量方法1(不推荐): 修改参数文件, 然后重启mysqld # vi /etc/my.cnf [mysqld] wait_ ...
- 设置Windows XP自动登录的两种方法
第一种是修改注册表 这种方法比较麻烦,而且要求对注册表有一定的了解. 第1步:运行注册表编辑器,依次展开 [HKEY_LOCAL_MACHINE/SOFTWARE/Microsoft/Windows ...
最新文章
- FVR420v试用感受之六!
- POJ 2801 为什么相同功能的代码会wrong answer呢?求解释~~
- ecshop二次开发 给商品添加自定义字段【包含我自己进一步的开发实例详解】
- koa 接口返回数据_node和koa实现数据mock接口
- 准备成立公司开发 app 外卖应用,怎么起步?
- python sorted下标_Python列表实用的代码片段
- python-mysql-excel-正则表达式,综合使用
- 华为linux服务器系统安装,linux服务器系统安装
- android开发实战-记账本APP(二)
- 亲测Tableau 2018.2 安装与破解
- 新旧时代的更替——Turbo码/TCM码
- 恶意代码分析实战 lab1-4
- IC面试数字电路基础
- matlab中迪杰斯特拉算法,dijkstra算法(迪杰斯特拉算法)
- [vue-ts]ts版本问题合集
- JavaScript加法运算
- 【生存游戏】一组按序排列围成一圈的参赛选手,通过逢3退1游戏机制筛选出最后一个生存者的Java算法
- 二叉树的ZigZag打印-Java
- DOM中的node(节点)有关的三个属性--nodeType、nodeName、nodeValue
- python算法工程师书籍_在自学的情况下如何成为一名算法工程师?
热门文章
- s7 200 java_java android 读写西门子PLC数据,包含S7协议和Fetch/Write协议,s7支持200smart,300PLC,1200PLC,1500PLC...
- 深度学习(四十三)——深度强化学习(6)AlphaGo全系列
- 浅谈MySQL的七种锁
- 4 .2 .4 配置存储系统
- ASP.NET MVC控制器获取前端视图FORM表单的方法
- 学数据结构,仅仅须要主要的编程体验
- nodejs和ionic小助手
- Ubuntu14.04-LAMP环境搭建
- 常用jquery鼠标事件和渐变动画效果
- 方立勋_30天掌握JavaWeb_request