如何从Angular JS控制器中的另一个JS文件中调用全局函数

Question

我想创建一个包含通用功能的角度文件，并且希望在全局的另一个角度javascript文件中调用它们，

 //code in first.js file var app = angular.module("myapp", []); app.service("myservice", function () { return { func1: function () { alert("function in another file") } }; }); //code in second.js /// <reference path="first.js" /> var SocMaster = angular.module("SocietyApp", []); SocMaster.controller("MsSocietyCntrl", function ($scope, $http,myservice) { $scope.callFoo = function () { myservice.func1(); } });

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 1

尝试这个。 希望对您有帮助。

var app = angular.module("myapp", []);
app.service("myservice", function () {
   this.func1 = function () {
        return alert("function in another file");
    }

});

Answer 2

嗨，请参考下面的代码并运行它

检查我如何在SocietyApp模块中添加myApp依赖关系

 var app = angular.module("myapp", []); app.service("myservice", function () { this.func1= function () { alert("function in another file") } }); //code in second.js /// <reference path="first.js" /> var SocMaster = angular.module("SocietyApp", ['myapp']); SocMaster.controller("MsSocietyCntrl", function ($scope, $http,myservice) { $scope.callFoo = function () { myservice.func1(); } });

 <html > <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular.min.js"></script> </head> <body ng-app='SocietyApp'> <div ng-controller='MsSocietyCntrl'> <button ng-click="callFoo()">Click</button> </div> </body> </html>

如何从Angular JS控制器中的另一个JS文件中调用全局函数

问题描述

2 个解决方案

解决方案1
0 2017-09-20 09:54:33

解决方案2
0 已采纳 2017-09-20 09:54:51

如何从Angular JS控制器中的另一个JS文件中调用全局函数

问题描述

2 个解决方案

解决方案1 0 2017-09-20 09:54:33

解决方案2 0 已采纳 2017-09-20 09:54:51

解决方案1
0 2017-09-20 09:54:33

解决方案2
0 已采纳 2017-09-20 09:54:51