angularjs – 我可以让一个函数在每个控制器在角度？

发布时间：2020-12-17 09:21:51 所属栏目：安全来源：网络整理

导读：如果我有一个效用函数foo，我想能够从我的ng-app声明中的任何地方调用。有没有我可以使它在我的模块设置全局访问，或者我需要将它添加到每个控制器的范围？您基本上有两个选项，将其定义为服务，或将其放置在根范围。我建议你做一个服务，以避免污染根范围

如果我有一个效用函数foo，我想能够从我的ng-app声明中的任何地方调用。有没有我可以使它在我的模块设置全局访问，或者我需要将它添加到每个控制器的范围？

您基本上有两个选项，将其定义为服务，或将其放置在根范围。我建议你做一个服务，以避免污染根范围。您创建一个服务，并使其可用在您的控制器中，像这样：

<!doctype html>
<html ng-app="myApp">
<head>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://code.angularjs.org/1.1.2/angular.min.js"></script>
    <script type="text/javascript">
    var myApp = angular.module('myApp',[]);

    myApp.factory('myService',function() {
        return {
            foo: function() {
                alert("I'm foo!");
            }
        };
    });

    myApp.controller('MainCtrl',['$scope','myService',function($scope,myService) {
        $scope.callFoo = function() {
            myService.foo();
        }
    }]);
    </script>
</head>
<body ng-controller="MainCtrl">
    <button ng-click="callFoo()">Call foo</button>
</body>
</html>

如果这不是一个选项，你可以将它添加到根范围，如下所示：

<!doctype html>
<html ng-app="myApp">
<head>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://code.angularjs.org/1.1.2/angular.min.js"></script>
    <script type="text/javascript">
    var myApp = angular.module('myApp',[]);

    myApp.run(function($rootScope) {
        $rootScope.globalFoo = function() {
            alert("I'm global foo!");
        };
    });

    myApp.controller('MainCtrl',function($scope){

    }]);
    </script>
</head>
<body ng-controller="MainCtrl">
    <button ng-click="globalFoo()">Call global foo</button>
</body>
</html>

这样，所有的模板都可以调用globalFoo()，而不必将它传递给控制器??的模板。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!