<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>test</title> <script src="js/angular.js"></script> <script type="application/javascript"> (function(angular) { 'use strict'; angular.module('myApp2', []) .factory('plusMath',function(){ var factory = {}; factory.plus = function(a,b){ return a+b; } return factory; }); })(window.angular);//副模块 依赖主模块 为主模块提供服务 (function(angular) { 'use strict'; angular.module('myApp', ['myApp2']) .controller('firstController', function firstController($scope,plusMath) { $scope.name= 'test'; $scope.result = plusMath.plus(11,32); }); })(window.angular);//主模块 window.onload = function(){ var myAppdiv = document.getElementById('myApp22'); angular.bootstrap(myAppdiv,['myApp']) //动态的绑定主mudule的html作用范围 } </script> </head> <body > <div id="myApp22"> <div ng-controller="firstController"> <div ng-bind="name"></div> <div>11+32=</div><div ng-bind="result"></div> </div> </div> </body> </html>
Cordova学习笔记 factory及模块动态加载及模块依赖
原创hello_world007 博主文章分类:cordova 学习记录 ©著作权
©著作权归作者所有:来自51CTO博客作者hello_world007的原创作品,请联系作者获取转载授权,否则将追究法律责任
![](https://ucenter.51cto.com/images/noavatar_middle.gif)
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章