Javascript 在角js模式弹出窗口或局部视图中加载外部js文件
我正在开发angularJS应用程序并使用asp.NETMVC。 我想从angularJS打开一个模式弹出窗口,然后在弹出窗口中呈现mvc视图 我面临的问题是弹出窗口正在打开,但是js文件没有加载到模式弹出窗口中。请帮助我在模态弹出窗口中加载js文件 代码 //mvc.cshtml文件的模式弹出视图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>
//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.
}
);
});