如何在 angularjs 中调用另一个函数

Question

我有一个函数（一个在点击时触发的函数），每次加载页面时我都需要调用它，为此我遵循了以下代码：

        callFunction();
        function callFunction(){
           $scope.onClickModel();
        }
        $scope.onClickModel = function (data) {
           alert('Hi')
        };

这里的问题是当我运行代码时，我在第 3 行收到一个错误 $scope.onClickModel();不是函数。任何人都可以在这里找出错误并帮助我。提前致谢。

Answer 1

请尝试在调用之前定义函数。

$scope.onClickModel = function (data) {
   alert('Hi')
};

function callFunction(){
 $scope.onClickModel();
}

callFunction();

Answer 2

试试这个顺序，把参数传给函数，一定不会失败

    $scope.onClickModel = function (data) {
       alert('Hi')
    };
    function callFunction(){
     $scope.onClickModel("EmptyData");
    }       
   callFunction();

Answer 3

更改函数的顺序

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.onClickModel = function() {
    alert('Hi');
  };
  
  callFunction();

  function callFunction() {
    $scope.onClickModel();
  }

});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
</div>

如何在 angularjs 中调用另一个函数

How to call a function in another in angularjs

javascript

angularjs

mean-stack