angularjs全局变量 html文件,在angular中定义模块的全局变量有哪些方法?示例代码?...

1.一般来说,是不建议在$rootScope上面绑定过多的变量,这样一来程序的可维护性就会变差;当然只是不建议,特殊情况特殊处理;比如网站的title标题可能要经常换,所以这个绑定在$rootScope还是个不错的选择。

2.Angular提供了两种方法,一种方法就是你说的那个,还有就是下面的:

(function() {

'use strict';

angular

.module('app')

.constant('toastr', toastr)

.constant('moment', moment);

})();

3.一般来说使用value和constant已经可以了。

1.我看你的情况应该是想在整个应用中使用这个函数,那么你可以写在服务中啊,Angular的Service就是为了提供全局公用的方法;上面的使用方法是为了可以使用一些外部的插件,或者配置一些应用的信息而使用的,我这边写了一个例子,你可以看看,传送门。

2.具体的代码可以看下面:

引入文件的顺序

index.html

constant

{{vm.test}}

{{vm.my_key}}

module.js

(function(window){

// ..

// exports

var Test = {

hello: function(){

console.log('hello');

}

};

window.Test = Test;

})(window);

app.js

(function(){

angular.module('MyApp', [])

.constant('Test', Test)

.constant('MyKey', 'q123nasbd12y38basd237y')

.controller('MyController', MyController)

.service('Service', Service);

MyController.$inject = ['Test', 'Service', 'MyKey'];

Service.$inject = [];

function Service(){

var service = {

info: info

};

return service;

function info(){

return 'info';

}

}

function MyController(Test, Service, MyKey){

var vm = this;

vm.test = Service.info();

vm.my_key = MyKey;

Test.hello();

}

})();

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值