Angular 8 click作为javascript onload函数工作
我的angular应用程序正在iframe portlet中加载 在父JSP页面中,我有一个表单并提交不可见按钮,它将从外部应用程序打开一个弹出窗口 我试着从角度组件点击那个按钮 单击未按预期工作,它的工作方式类似于加载。当页面加载时,弹出窗口将自动出现 Html页面Angular 8 click作为javascript onload函数工作,javascript,jquery,angular,Javascript,Jquery,Angular,我的angular应用程序正在iframe portlet中加载 在父JSP页面中,我有一个表单并提交不可见按钮,它将从外部应用程序打开一个弹出窗口 我试着从角度组件点击那个按钮 单击未按预期工作,它的工作方式类似于加载。当页面加载时,弹出窗口将自动出现 Html页面 <html> ... ... <!-- Left nav Menu--> <div> <ul> <li>....</li> ... <li>
<html>
...
...
<!-- Left nav Menu-->
<div>
<ul> <li>....</li>
...
<li>
<a herf="javascript:void(0);" (click)="navigateToParentJspMethod('true')">Contact Us</a>
</li>
...
</html>
<html>
...
...
<!-- Left nav Menu-->
<div>
<ul> <li>....</li>
...
<li>
<a herf="#" (click)="navigateToParentJspMethod('true')">Contact Us</a>
</li>
...
</html>
父Jsp页面
<script>
function openContactUsPopUpFromExternalApp(){
.....
document.getElementById("parentPageFrm").submit();
}
</script>
<form name="parentPageFrm" id="parentPageFrm" action="parentPageFrmSubmitAction" method="post" target="openContactUsWin">
<input type="hidden".....>
......
<button type="submit" id="parentPageFrmSubmit" style="display:none" onclick="openContactUsPopUpFromExternalApp()">Submit</button>
</form>
函数openContactUsPopUpFromExternalApp(){
.....
document.getElementById(“parentPageFrm”).submit();
}
......
提交
谢谢,
Rama最后,我能够解决这个问题 我删除了Jquery,并从angular到父jsp使用了parent.postmessage,并从父jsp打开了弹出窗口 Html页面
<html>
...
...
<!-- Left nav Menu-->
<div>
<ul> <li>....</li>
...
<li>
<a herf="javascript:void(0);" (click)="navigateToParentJspMethod('true')">Contact Us</a>
</li>
...
</html>
<html>
...
...
<!-- Left nav Menu-->
<div>
<ul> <li>....</li>
...
<li>
<a herf="#" (click)="navigateToParentJspMethod('true')">Contact Us</a>
</li>
...
</html>
父Jsp
window.addEventListener("message", handleMessage, false);
function handleMessage(e){
var formData= e.data;
var formValue= formData.split(";");
var functionality=((formValue[0].substr((formValue[0].indexOf("="))).slice(1);
if(functionality=="contactUsPopUp"){
document.getElementById("popupInvisibleButton").click();
}
}
它确实对我有用。:) 请尝试删除
herf=“javascript:void(0);”
@Doflamingo19我同意,这是错误的设计,我们正在尝试将新应用程序合并到现有的portlet应用程序中。@Sarma您只能使用jquery复制代码并将其粘贴到html页面中。您需要对其进行修改以使用angular。我读了你的代码,但它现在无法工作。我建议你从简单的角度示例开始,因为jquery与之不同。Angular是一个frameweor,jquery是一个库different@Doflamingo19,如何调用父jsp函数?从角度应用?