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

Question

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

Answer 1

可能的解决方法之一是将组件置于全局范围内，即创建组件并将其放置在window对象上。 这是一个实现类似功能的线程

如何公开公开角度2方法？

希望这可以帮助。

Answer 2

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

jQuery应用：

1）在打开对话框的函数内部，创建一个iframe，然后将有角度的应用程序URL作为其源。

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

window.angAppInput = "Input to angular app"

角度应用：

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

declare var window: any;

2）在ngOnInit内，我使用下面的父jQuery应用程序的数据初始化我的angular应用程序：

this.angAppInput = window.parent.angAppInput;