Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 8 click作为javascript onload函数工作_Javascript_Jquery_Angular - Fatal编程技术网

Angular 8 click作为javascript onload函数工作

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>

我的angular应用程序正在iframe portlet中加载

在父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页面

<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函数?从角度应用?