在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种方法相关推荐

  1. 计算机音乐播放器设置,Win7系统下设置默认音乐播放器的两种方法

    可能很多新手用户不知道Win7系统下怎么设置默认音乐播放器?我们习惯将某一程序设置为默认打开方式,音乐播放器也可以这样子的.一些用户想把酷狗播放器.或者qq音乐设置为默认音乐播放器,只要打开音乐文件, ...

  2. html mp3默认播放器,Win7系统下设置默认音乐播放器的两种方法

    可能很多新手用户不知道Win7系统下怎么设置默认音乐播放器?我们习惯将某一程序设置为默认打开方式,音乐播放器也可以这样子的.一些用户想把酷狗播放器.或者qq音乐设置为默认音乐播放器,只要打开音乐文件, ...

  3. ubuntu18.04设置开机启动命令/脚本的三种方法(可sudo)

    很多时候想开机时便启动想要启动的命令(甚至是需要sudo的命令). 但是如何设置呢,一般来说有以下三种方法. (本文针对的是ubuntu18.04设置开机启动命令或者脚本) 1 不用sudo的命令开机 ...

  4. 【Ubuntu笔记】ubuntu18.04设置开机启动命令/脚本的三种方法(可sudo)

    转自微信 谭狗星 很多时候想开机时便启动想要启动的命令(甚至是需要sudo的命令). 但是如何设置呢,一般来说有以下三种方法. (本文针对的是ubuntu18.04设置开机启动命令或者脚本) 1 不用 ...

  5. angular中如何定义全局变量_angularjs 设置全局变量的方法

    angularjs 设置全局变量的3种方法 angularjs自身有二种,设置全局变量的方法,在加上js的设置全局变量的方法,总共有三种.要实现的功能是,在ng-app中定义的全局变量,在不同的ng- ...

  6. angular6 设置全局变量_Angularjs 设置全局变量的方法总结

    AngularJS 设置全局变量的三种方法 angularjs自身有二种,设置全局变量的方法,在加上js的设置全局变量的方法,总共有三种.要实现的功能是,在ng-app中定义的全局变量,在不同的ng- ...

  7. angular6 设置全局变量_angularjs 设置全局变量的3种方法

    angularjs 设置全局变量的3种方法 angularjs自身有二种,设置全局变量的方法,在加上js的设置全局变量的方法,总共有三种.要实现的功能是,在ng-app中定义的全局变量,在不同的ng- ...

  8. MySQL 里设置或修改系统变量的几种方法,这个写的非常清晰

    比如设置MySQL实例参数wait_timeout为10秒. 1) 设置全局变量方法1(不推荐): 修改参数文件, 然后重启mysqld # vi /etc/my.cnf [mysqld] wait_ ...

  9. 设置Windows XP自动登录的两种方法

    第一种是修改注册表 这种方法比较麻烦,而且要求对注册表有一定的了解. 第1步:运行注册表编辑器,依次展开 [HKEY_LOCAL_MACHINE/SOFTWARE/Microsoft/Windows ...

最新文章

  1. FVR420v试用感受之六!
  2. POJ 2801 为什么相同功能的代码会wrong answer呢?求解释~~
  3. ecshop二次开发 给商品添加自定义字段【包含我自己进一步的开发实例详解】
  4. koa 接口返回数据_node和koa实现数据mock接口
  5. 准备成立公司开发 app 外卖应用,怎么起步?
  6. python sorted下标_Python列表实用的代码片段
  7. python-mysql-excel-正则表达式,综合使用
  8. 华为linux服务器系统安装,linux服务器系统安装
  9. android开发实战-记账本APP(二)
  10. 亲测Tableau 2018.2 安装与破解
  11. 新旧时代的更替——Turbo码/TCM码
  12. 恶意代码分析实战 lab1-4
  13. IC面试数字电路基础
  14. matlab中迪杰斯特拉算法,dijkstra算法(迪杰斯特拉算法)
  15. [vue-ts]ts版本问题合集
  16. JavaScript加法运算
  17. 【生存游戏】一组按序排列围成一圈的参赛选手,通过逢3退1游戏机制筛选出最后一个生存者的Java算法
  18. 二叉树的ZigZag打印-Java
  19. DOM中的node(节点)有关的三个属性--nodeType、nodeName、nodeValue
  20. python算法工程师书籍_在自学的情况下如何成为一名算法工程师?

热门文章

  1. s7 200 java_java android 读写西门子PLC数据,包含S7协议和Fetch/Write协议,s7支持200smart,300PLC,1200PLC,1500PLC...
  2. 深度学习(四十三)——深度强化学习(6)AlphaGo全系列
  3. 浅谈MySQL的七种锁
  4. 4 .2 .4 配置存储系统
  5. ASP.NET MVC控制器获取前端视图FORM表单的方法
  6. 学数据结构,仅仅须要主要的编程体验
  7. nodejs和ionic小助手
  8. Ubuntu14.04-LAMP环境搭建
  9. 常用jquery鼠标事件和渐变动画效果
  10. 方立勋_30天掌握JavaWeb_request