2017-09-26 90 views
0

我有一个MVC和jQuery开发的单页面应用程序。我在我的cshtml页面中有一个按钮,然后单击该按钮,我需要加载一个存在于角度组件中的函数。我怎样才能做到这一点?如何从jQuery按钮点击angular2组件中的函数调用?

+0

以下动态组件概念? – k11k2

+0

你可以添加你的组件和html – Robert

+0

罗伯特和k11k2,我有一个需要打开一个对话框中点击jQuery应用程序中的按钮的角度组件。我能够使用iframe来实现这一点。我会很快发布代码。 – SPR

回答

0

其中一种可能的解决方法是将组件放在全局范围内,即创建组件并将其放在窗口对象上。这里是一个实现了类似的功能

How do expose angular 2 methods publicly?

希望这可以帮助一个线程。

+0

谢谢乌斯曼。我可以按照您提供的链接调用该函数。我需要在jQuery应用程序中点击按钮来打开对话框中的角度组件。我能够使用iframe来实现这一点。 – SPR

-1

我可以通过下面的方法来打开一个jQuery对话框内angular2应用:

jQuery的应用程序:

1),其中我打开一个对话框,在这个函数中,我创建一个iframe,然后将角度应用网址作为其来源。

2)我也声明一个窗口级别的变量,并从我的父级jQuery应用程序中分配数据,以便我可以在我的子角度应用程序中使用这些数据。

window.angAppInput = "Input to angular app" 

角应用程式:

1)成分声明之前,我声明窗口对象,如下:

declare var window: any; 

2)内部ngOnInit,我初始化我与从父jQuery的数据角度应用应用程序使用如下:

this.angAppInput = window.parent.angAppInput; 
相关问题