如何从jquery按钮单击调用angular2组件中的函数?

如何从jquery按钮单击调用angular2组件中的函数?,jquery,angular,Jquery,Angular,我有一个用MVC和jQuery开发的单页应用程序。在我的cshtml页面中有一个按钮,点击该按钮,我需要加载一个函数,该函数存在于angular组件中。如何实现这一点?一种可能的解决方法是将组件置于全局范围内,即创建组件并将其置于窗口对象上。下面是一个实现类似功能的线程 希望这有帮助。我可以通过以下方法在jquery对话框中打开angular2应用程序: jQuery应用程序: 1) 在打开对话框的函数中,我创建了一个iframe,然后将angular应用程序URL作为其源传递 2) 我还声明

我有一个用MVC和jQuery开发的单页应用程序。在我的cshtml页面中有一个按钮,点击该按钮,我需要加载一个函数,该函数存在于angular组件中。如何实现这一点?

一种可能的解决方法是将组件置于全局范围内,即创建组件并将其置于窗口对象上。下面是一个实现类似功能的线程


希望这有帮助。

我可以通过以下方法在jquery对话框中打开angular2应用程序:

jQuery应用程序:

1) 在打开对话框的函数中,我创建了一个iframe,然后将angular应用程序URL作为其源传递

2) 我还声明了一个窗口级变量,并使用来自父jQuery应用程序的数据对其进行赋值,以便在我的子应用程序中使用该数据

window.angAppInput = "Input to angular app"
Angular应用程序:

1) 在声明组件之前,我声明窗口对象如下:

declare var window: any;
2) 在ngOnInit内部,我正在使用来自父jQuery应用程序的数据初始化我的angular应用程序,如下所示:

this.angAppInput = window.parent.angAppInput;

以下是动态组件的概念?您可以添加您的组件、HTMLOBERT和k11k2吗?我需要在jquery应用程序中单击按钮,在对话框中打开角度组件。我可以使用iframe实现这一点。我会很快发布代码。谢谢你。我可以按照您提供的链接调用该函数。我需要在jquery应用程序中单击按钮,在对话框中打开角度组件。我可以使用iframe实现这一点。