-3

我正在开发 angularJS 应用程序并使用 asp.net mvc。我想从 angularJS 打开一个模态弹出窗口，然后在该弹出窗口中呈现 mvc 的“视图”。

我面临的问题是弹出窗口正在打开，但 js 文件未加载到模式弹出窗口中。请帮助我解决在模式弹出窗口中加载 js 文件的问题。

代码

    // main angular js
angular.module('PopUpModule', ['ngResource','ngRoute','ui.bootstrap', 'uigridApp'])
    .controller("ModalDemoCtrl", function ($scope, $uibModal, $log, $window) {
    $scope.open = function (size) {
                var modalInstance = $uibModal.open({
                    templateUrl: 'UiGridDemo.html',
                    controller: 'uigridCtrl',
                    size: 'lg',
                    backdrop:'static',
                    windowClass: 'app-modal-window',
                              resolve: {
                        '$uibModalInstance': function () {
                            return function () { return modalInstance; }
                        }
                    }

                });

//modal popup（mvc .cshtml文件的视图）

         //script
<script src="Script/Script2.js"></script>

       <body>
                //html code goes here
    </body>

问题是我想加载具有“jquery 代码”的 js 脚本（Script2.js），该脚本应该在模态弹出窗口中加载，即 mvc 模态弹出窗口的视图（.cshtml）是通过 angular 打开的。但它没有加载（ Script2.js)。我检查了 chrome dev.tools。如何加载它帮助我解决这个问题

4

3 回答 3

0

我认为 index.html 中没有加载 uigridCtrl 检查 index.html 中是否加载了 js 文件，在 open 方法中无需提及控制器属性。它将重新初始化控制器。

编辑 - 如果 uigridCtrl 与父 html 的控制器相同，则无需在弹出 html 中提及。它将与父 html 共享相同的范围。

于 2016-08-18T14:32:34.480 回答
0

如果我在打开模式弹出窗口的父文件中加载 js 文件，我得到了答案。此文件将可用于此模式弹出窗口，

于 2016-09-02T11:16:55.037 回答
0

我提供的解决方案可以供您将来使用，以防您不想添加文件或修改父控制器/指令中的代码。您还必须添加一些额外的参数。它完美地工作，我不必对父母进行任何修改。我正在提供来自实时工作应用程序的代码。

 $ocLazyLoad.load({
    name: '', // Module Name - Optional
    files: [
        'viewRequestController.js',
        'request-tpl.js'
    ]
 })
 .then(function() {
    var modalInstance = $modal.open({
        templateUrl: 'viewRequest.html',
        controller: 'popupCtrl',
        controllerAs:'ctrl',
        backdrop: 'static',
        keyboard: false,
        resolve: {
            initVars: function(){
                return initVars;
            }
        }
    });

    modalInstance.result.then(
        function(response) { },
        function(response) {
            // Executes code when your modal closes.
        }
    );
});

添加 $ocLozyLoad 和 $modal 参数。我希望它对你有用。

于 2017-09-06T10:23:43.287 回答