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

Question

我有一个单页面应用程序，它是用MVC和jQuery开发的。我在我的cshtml页面中有一个按钮并单击该按钮，我需要加载一个存在于角度组件内的函数。我怎样才能做到这一点？

Answer 1

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

How do expose angular 2 methods publicly?

希望这会有所帮助。

Answer 2

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

jQuery app：

1）在我打开对话框的功能中，我正在创建一个iframe，然后将角度应用URL作为其来源传递。

2）我还声明了一个窗口级变量，并使用来自我的父jQuery应用程序的数据进行分配，以便我可以在我的子角度应用程序中使用这些数据。

window.angAppInput = "Input to angular app"

Angular app：

1）在组件声明之前，我声明窗口对象如下：

declare var window: any;

2）在ngOnInit中，我使用下面的父jQuery app初始化我的角度应用程序：

this.angAppInput = window.parent.angAppInput;