Javascript 在角js模式弹出窗口或局部视图中加载外部js文件

Javascript 在角js模式弹出窗口或局部视图中加载外部js文件,javascript,angularjs,modalpopup,Javascript,Angularjs,Modalpopup,我正在开发angularJS应用程序并使用asp.NETMVC。 我想从angularJS打开一个模式弹出窗口,然后在弹出窗口中呈现mvc视图 我面临的问题是弹出窗口正在打开,但是js文件没有加载到模式弹出窗口中。请帮助我在模态弹出窗口中加载js文件 代码 //mvc.cshtml文件的模式弹出视图 //script <script src="Script/Script2.js"></script> <body>

我正在开发angularJS应用程序并使用asp.NETMVC。 我想从angularJS打开一个模式弹出窗口,然后在弹出窗口中呈现mvc视图

我面临的问题是弹出窗口正在打开,但是js文件没有加载到模式弹出窗口中。请帮助我在模态弹出窗口中加载js文件

代码

//mvc.cshtml文件的模式弹出视图

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

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

问题是我想加载js Script2.js,它有jquery代码,应该在模态弹出窗口中加载。mvc模态弹出窗口的view.cshtml是通过angular打开的。但它没有加载Script2.js。我用chrome dev.tools检查过。如何加载它帮助我处理这个问题

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


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

如果我在打开模式弹出窗口的父文件中加载js文件,我会得到答案。此文件将可用于此模式弹出窗口,如果您不想在父控制器/指令中添加文件或修改代码,我提供的解决方案可供您将来使用。您还必须添加几个附加参数。它工作得很好,我不需要对父级进行任何修改。我提供的代码来自实时工作应用程序

 $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参数。我希望它对您有用。

发布相关代码您不需要在部分代码中加载js文件。只需在父视图中添加这些文件。它们也将在部分市场上提供。如果您发布代码,我们可能会提供更多帮助。您需要查看一些代码如果模态弹出窗口可以访问JS的应用程序范围,您不应该有问题。。。但是请给我们看一些你的代码,这样我们可以更好地理解你的困境…实际上我不想在父视图中添加,我想在n模式弹出窗口中加载Script2.js..其中定义了jquery函数。应在弹出窗口打开时加载。。thanksi在index.html中添加了脚本引用,其中定义了uigridctrl。。控制器是不同的父级和子级。。我想在mvc的popupview中加载script2.js,但它没有加载
 $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.
        }
    );
});