調用遠程javascript函數並將其綁定到控制器

Question

我在遠程服務器上有一個js文件，就是這樣。

function findAllModules() {
    return {
        ModuleNames: [
            'Mandate',
            'AppStore',
            'IdeaMart'
        ]
    };
}

function allServices(moduleName) {
    switch (moduleName) {
        default :
            return {
                serviceNames: [
                    'getPort',
                    'gethost',
                    'getDiscoveryApiTimeout'
                ]
            }
    }
}

function getServiceData(moduleName, serviceName){
    return {
        moduleName : moduleName,
        serviceName : serviceName,
        data : {
            port : 1122
        }
    }
}

function updateServiceData(moduleName, serviceName, data){
    return "Done " + moduleName + serviceName + data
}

我想調用此文件的getServiceData函數。 然后，應該將其綁定到angularjs控制器。 我該如何完成這項工作。

Answer 1

如果JavaScript文件將這些函數添加到全局范圍中，則可以將這些全局方法包裝在服務中

var app = angular.module('app', []);

app.service('dataService', [function(){

    var getServiceData = function(moduleName, serviceName){
        return window.getServiceData(moduleName, serviceName);
    };

    return {
        getServiceData: getServiceData
    };

}]);

在您的控制器中，您將注入服務

app.controller('myController', ['$scope', 'dataService', function($scope, dataService){

     $scope.serverData = dataService.getServerData('moduleName', 'serviceName');
}]);