代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script src="../materialDesignfile/angular.js"></script>
<script>
//define one module.
angular.module("one",[]).factory("add",function () {
var factory={};
factory.name="ouyangfeng";
factory.add=function (x,y) {
return x+y;
}
return factory;
});
//define a module
angular.module('three',[]).factory(
'threeFac',function () {
var factory={};
factory.location="泗溪";
return factory;
} );
//把上面的两个module,添加进去:
angular.module('two',['one','three']).controller("myCtrl",['add','$scope','threeFac',function (add,$scope,threeFac) {
$scope.showName=function () {
alert(add.name);
console.log(add.name);
}
$scope.showAdd=function (x,y) {
console.log(add.add(x,y));
}
$scope.tian="tian";
$scope.thanks=function () {
alert("thanks");
}
$scope.showLocation=function () {
debugger
console.log(threeFac.location);
}
}]);
</script>
<div ng-app="two" ng-controller="myCtrl">
<button ng-click="showName()">name</button>
<button ng-click="showAdd(3,4)">add</button>
<button ng-click="thanks()">thanks</button>
<h1>{{tian}}</h1>
<button ng-click="showLocation()">location</button>
</div>
</body>
</html>