如何從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;