angularjs - $ocLazyLoad.inject メソッドを使用して角度モジュールを挿入します

Question

oclazyload を使用してメイン モジュールに Angular モジュールを挿入しようとしています。現在、JavaScript ファイルをロードするために RequireJs または oclazyload を使用していないことに注意してください。今のところ、Index HTML Script タグ内にモジュールを追加しました。

inject メソッドはエラーなしで実行されます。しかし、$ocLazyLoad.getModules() をログに記録すると、挿入したかったモジュールが表示されません。

どんな助けでも大歓迎です。

インライン スクリプト:

<script type="text/javascript">

    var app = angular.module("ngNextGenWidget", []); //This is the module to be injected
    app.factory('nextGenWidget', function () {
        return {
            constructControl: function ($compile, $scope) {
                //Compile html fragment
                var compileFunction = $compile("<div tools-Home-Page></div>")

                //Get html output from directive after applying $scope
                var htmloutputFromDirective = compileFunction($scope);
                return htmloutputFromDirective;
            }
        }
    });

    app.directive('toolsHomePage', function () {
        return {
            restrict: 'A',
            scope: true,
            templateUrl: '/Content/Templates/DemoTemplate-1.html',
            controller: ['$scope', function ($scope) {
                $scope.name = 'Home Page';
            }]
        }
    });

</script>

メインアプリ:

appLazy.directive('testComponent', function () {
    return {
        restrict: 'E',
        link: function (scope, element, attrs) {
            scope.Execute(attrs, element, attrs.moduleName);
        },
        controller: ['$scope', '$compile', '$ocLazyLoad',
            function ($scope, $compile, $ocLazyLoad) {
            $scope.Execute = function (attr, element, moduleName) {
                $ocLazyLoad.inject(moduleName);//trying to inject the module
                var htmloutputFromDirective =
                    $nextGenWidget.constructControl($compile, $scope);
                $(element).append(htmloutputFromDirective);
            }

        }]
    };
});