Angularjs 设置全局变量的3种方法
Angularjs自身有二种,设置全局变量的方法,在加上js的设置全局变量的方法,总共有三种。要实现的功能是,在ng-app中定义的全局变量,在不同的ng-controller里都可以使用。
1、通过var 直接定义global variable,这根纯js是一样的。
2、用angularjs value来设置全局变量 。
3、用angularjs constant来设置全局变量 。
举一个例子来说明上面3种方法:
1、 在app模块中,定义全局变量
/* 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中调用全局变量
/* 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中看一下效果
<div data-ng-controller="PhoneListCtrl">
{{test.test1}}
{{constanttest}}
{{test2}}
</div>
结果:test111 this is constanttest tank
转载于:https://www.cnblogs.com/xiaxianfei/p/5337755.html
Angularjs 设置全局变量的3种方法相关推荐
- angular6 设置全局变量_angularjs 设置全局变量的3种方法
angularjs 设置全局变量的3种方法 angularjs自身有二种,设置全局变量的方法,在加上js的设置全局变量的方法,总共有三种.要实现的功能是,在ng-app中定义的全局变量,在不同的ng- ...
- angular4设置全局变量_angularjs 设置全局变量的7种方法
在ng-app或控制器中定义的全局变量,在不同的controller里都可以使用. 1,通过var 直接定义global variable,这根纯js是一样的. 2,用angularjs value来 ...
- 在PHP中使用全局变量的几种方法
简介 即使开发一个新的大型PHP程序,你也不可避免的要使用到全局数据,因为有些数据是需要用到你的代码的不同部分的.一些常见的全局数据有:程序设定类.数据库连接类.用户资料等等.有很多方法能够使这些数据 ...
- php的类有全局变量吗_解析在PHP中使用全局变量的几种方法
简介即使开发一个新的大型PHP程序,你也不可避免的要使用到全局数据,因为有些数据是需要用到你的代码的不同部分的.一些常见的全局数据有:程序设定类.数据库连接类.用户资料等等.有很多方法能够使这些数据成 ...
- LoadRunner设置检查点的几种方法介绍
LoadRunner设置检查点的几种方法介绍 发布时间: 2011-5-03 11:53 作者: 一米阳光做测试 来源: 51Testing软件测试网采编 字体: 小 中 大 | ...
- javascript设置颜色值的几种方法
一.网页中设置颜色值的几种方法 1.英文命令颜色 p{color:red;} 2.RGB颜色 这个与 `photoshop` 中的 `RGB` 颜色是一致的,由 `R(red)`.`G(green)` ...
- Allegro自定义设置快捷键的三种方法
Allegro自定义设置快捷键的三种方法: 1.在Allegro PCB editor 命令窗口直接定义 2.通过修改用户变量env文件来设置快捷键 3.定义笔画为快捷键 1.在Allegro PCB ...
- OMP 设置线程的3种方法
设置线程的3种方法 1. 在子语句 data clause 中设置 : num_threads( ) #pragma omp parallel for default(none) shared(x) ...
- c语言中的全局变量类型,c++全局变量 C/C++中定义全局变量的几种方法及区别
c语言中全局变量主要是定义在所有函数之外的变量,在程序执行的过程中一直有效,可以被任何函数引用.赋值,想要定义它,一般将其定义在主函数main()之外就行. 例如下面的程序段,变量m就是一个全局变量, ...
最新文章
- Oracle已从2019年1月起收取Java费用
- 用Spotlight on windows 实时监控Windows服务器性能
- Java中Date各种相关用法
- 数据库数据格式化之Kettle Spoon
- 数据库实验二 SQL语言
- 加载中图片 转圈_对话洛可可平面设计师:平面设计中的效率瓶颈
- 二级MS Office公共基础知识错题本(1)
- android ios语音转码,手机如何将语音转文字?这几种方法真简单,安卓苹果通用...
- s7epaapidll丢失怎么办_s7epaapidll下载
- 四、非平稳序列的确定性分析
- C语言日志库zlog基本使用
- 微信小程序云开发答题小程序源代码(实现在线pk)
- win10计算机本地组策略编辑器,如何打开Win10本地组策略编辑器?
- digester解析rule详解
- 文本摘要(text summarization)任务:研究范式,重要模型,评估指标(持续更新ing...)
- linux cd是什么目录,linux cd是什么意思?
- 决策树模型 朴素贝叶斯模型_有关决策树模型的概述
- 中科大计算机学院潘镇,中科大计算机学院招生导师
- 【车载】度(角度)和弧度的概念
- Win7系统网络连接图标显示红叉但可以正常上网怎么办
热门文章
- python 追加到字典_扫描器篇(三)之python编写基于字典的网站目录探测脚本
- 软件测试理论入门(二)
- 贵州大学计算机科学研究所,贵州大学计算机科学与技术学院
- python 找到目录下文件名规则_Python学习第162课--PATH变量值修改以及模糊查找文件名...
- oracle移动表所在的表空间,ORACLE移动表空间(原)
- java jmap 分析_利用java虚拟机的工具jmap分析java内存情况
- jquery设置输入框为只读_将SQL中几张表设为只读,这是什么奇怪需求?
- java spring 服务器关闭连接_java springboot websocket 服务 服务器主动关闭连接 导致 抛出java.io.EOFException异常...
- linux mysql8配置文件_Linux下 MySQL8安装教程
- 【视觉盛宴二】长见识了,你见过BGA封装芯片的横截面吗!