立即调用函数并调用 $scope

Question

我正忙于开发一个从 API 获取数据的 AngularJS 应用程序。但是我想知道是否有可能直接调用范围内的函数并正常调用它。

这就是我的控制器中的内容：

var self = this;
$scope.refreshData = (function() {
    $http({
            method: 'GET',
            url: './test-api/testdata.php'
        })
        .success(function(data) {
            self.apiData = data;
        });
    console.log('Refresh executed');
})();

$interval(function() {
    console.log('Refresh called');
    $scope.refreshData();
}, 60000);

此日志：

Refresh executed
angular.js:13540 TypeError: $scope.refreshData is not a function

我知道我可以将其更改为普通函数并使用 $scope.refreshData() 调用它，但我只是想知道 AngularJS 中是否有方法。

Answer 1

这里的$scope.refreshData 是未定义的，因为您分配给它的值是IIFE 返回的值。为此，您应该执行以下操作：

var self = this;
($scope.refreshData = function() {
    $http({
            method: 'GET',
            url: './test-api/testdata.php'
        })
        .success(function(data) {
            self.apiData = data;
        });
    console.log('Refresh executed');
})(); 

$interval(function() {
    $scope.refreshData();
    console.log('Refresh called');
}, 60000);

PS：你可以阅读更多关于它的信息here。