码迷,mamicode.com
首页 > Web开发 > 详细

angular js 自定义添加依赖

时间:2017-11-11 16:43:39      阅读:192      评论:0      收藏:0      [点我收藏+]

标签:fun   oct   nbsp   def   tor   log   define   alert   des   

代码如下:

<!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 自定义添加依赖

标签:fun   oct   nbsp   def   tor   log   define   alert   des   

原文地址:http://www.cnblogs.com/1540340840qls/p/7819215.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!