jqueryボタンからangular2コンポーネントの関数を呼び出す方法は？

Question

私はMVCとjQueryで開発された単一のページアプリケーションを持っています。私は自分のcshtmlページにボタンがあり、そのボタンをクリックすると、角度成分の中にある関数をロードする必要があります。どうすればこれを達成できますか？

Answer 1

可能な方法の1つは、コンポーネントをグローバルスコープに配置することです。つまり、コンポーネントを作成してウィンドウオブジェクトに配置することです。ここでは、同様の機能

How do expose angular 2 methods publicly?

を達成したスレッドは、このことができます願っています。

jQueryのアプリ：私は、以下のアプローチにより、jqueryのダイアログ内angular2アプリを開くことができる午前

Answer 2

1）私は、ダイアログを開いています関数の内部で、私は、IFRAMEを作成しています角度アプリのURLをそのソースとして渡します。

2）私はまた、子レベルのアプリケーションでこのデータを利用できるように、ウィンドウレベルの変数を宣言し、それを私の親jQueryアプリケーションのデータで代入しています。

window.angAppInput = "Input to angular app" 

角度アプリ：コンポーネント宣言の前

1）は、私は以下のようにウィンドウオブジェクトを宣言します。

declare var window: any; 

2）ngOnInitの中では、私は親のjQueryからのデータと私の角度アプリケーションを初期化していますアプリは以下を使用しています：

this.angAppInput = window.parent.angAppInput;