angular js 自定义添加依赖
Posted 技术让世界更精彩
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angular js 自定义添加依赖相关的知识,希望对你有一定的参考价值。
代码如下:
<!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>
以上是关于angular js 自定义添加依赖的主要内容,如果未能解决你的问题,请参考以下文章