如何从解析中调用函数？答案

【问题标题】：How to call function from resolve?如何从解析中调用函数？
【发布时间】：2017-07-07 06:35:52
【问题描述】：

我一直在努力解决在 AngularJS 中的问题。我想加载自定义组件，然后调用它们的函数，但没有找到方法。

在下面的代码中，我尝试在项目成功发布后显示 SweetAlert (http://t4t5.github.io/sweetalert/)。

函数配置($stateProvider, $urlRouterProvider, $ocLazyLoadProvider) { $urlRouterProvider.otherwise("/index/main");

$ocLazyLoadProvider.config({
    // Set to true if you want to see what and when is dynamically loaded
    debug: false
});
$stateProvider

    ....
    .state('index.item', {
        url: "/:itemId/edit",
        templateUrl: "views/item-edit.html",
        data: {pageTitle: 'Edit Item'},
        controller: function ($scope, $http, $stateParams, $rootScope, $state, $modal, $log, $ocLazyLoad) {
            //console.log($routeParams.itemId);

            var demo1 = function () {
                SweetAlert.swal({
                    title: "Welcome in Alerts",
                    text: "Lorem Ipsum is simply dummied text of the printing and typesetting industry."
                });
            }

            $scope.updateItem = function() {
                $log.log('Submiting item info');
                $http.post('/api/item', $scope.item)
                    .success(function(data) {
                        demo1();
                    })
                    .error(function(data) {
                        console.log('Error: ' + data);
                    });
            }
        },
        resolve: {
            loadPlugin: function ($ocLazyLoad) {
                return $ocLazyLoad.load([
                    {
                        files: ['js/plugins/sweetalert/sweetalert.min.js', 'css/plugins/sweetalert/sweetalert.css']
                    },
                    {
                        name: 'oitozero.ngSweetAlert',
                        files: ['js/plugins/sweetalert/angular-sweetalert.min.js']
                    }
                ]);
            }
        }
    })

在尝试使用上面的代码时，我收到以下错误：

ReferenceError: SweetAlert is not defined
    at demo1 (config.js:156)
    at config.js:170
    at angular.js:9354
    at angular.js:13168
    at l.$eval (angular.js:14381)
    at l.$digest (angular.js:14197)
    at l.$apply (angular.js:14486)
    at l (angular.js:9644)
    at O (angular.js:9834)
    at XMLHttpRequest.w.onload (angular.js:9775)

主要原因可能是属性 loadPlugin 没有在控制器内部的任何地方调用。有谁知道如何修改代码以加载定义的插件并在控制器中使用它们？

谢谢！

【问题讨论】：

标签： angularjs

【解决方案1】：

问题已明确写入您的错误中。

SweetAlert is not defined

这意味着在您的控制器中您忘记将 SweetAlert 添加到您的依赖项中。

只需将 SweetAlert 添加到您的 conrtoller 行的末尾即可：

controller: function ($scope, ... $ocLazyLoad, SweetAlert) {

【讨论】：

我可以看到。我不知道如何加载包含 SweetAlert 定义的文件。
@NikoGamulin 添加了一个示例。