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 自定义添加依赖的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段9——JS中的面向对象编程

VS Code中自定义Emmet代码片段

如何将自定义css和js添加到angular 4

ArcGIS-JS-API - 弹出模板中的自定义内容不显示任何内容(Angular 11)

如何将自定义片段添加到 zen-coding?

如何在伪造查看器中将自定义材质添加到片段