AngularJs中如何模块化引入service
2015-08-09 14:01
851 查看
模块中声明provider
在引用的外部函数中注入
声明如下:
外部函数注入如下
同时,前台页面仅需要引入angularjs包即可。
在引用的外部函数中注入
声明如下:
/** * 注意: * 第一步必须先声明模块moduel */ angular.module("ezstuff",[]) .provider("ezCalculator",function(){ this.$get = function(){ return { add : function(a,b){return a+b;}, subtract : function(a,b){return a-b;}, multiply : function(a,b){return a*b;}, divide: function(a,b){return a/b;} } }; })
外部函数注入如下
var injector = angular.injector(["ezstuff"]), mycalculator = injector.get("ezCalculator"), ret = mycalculator.add(3,4); console.log('result: '+ ret);
同时,前台页面仅需要引入angularjs包即可。
<html> <head> <script src="http://lib.sinaapp.com/js/angular.js/angular-1.2.19/angular.min.js"></script> </head> <body> <button onclick="doCalc();">3+4=?</button> <div id="result"></div> </body> </html>
相关文章推荐
- AngularJs的前端路由
- Angularjs中service与controller注入
- angularjs初学笔记
- AngularJS服务和路由
- Angularjs
- [AngularJS] 使用AngularCSS动态加载CSS
- angularJS(1)
- (一个)AngularJS获取贴纸Hello World
- [Angularjs]单页应用之分页
- AngularJs学习笔记__4、自定义指令
- 使用Google Analytics跟踪捕获JavaScript,AngularJS,jQuery的在线错误和异常
- AngularJs学习笔记__3、AngularJs模板
- angular基础入门文档以及博客汇集
- angularjs
- [AngularJS] 使用AngularAMD动态加载Service
- angularjs三级联动
- angularJS 转换UTC时间及DateFormat问题
- 使用ASP.NET MVC和AngularJS的Web模块化管理
- AngularJS笔记20150807
- AngularJS 模板