jQueryを挿入したセレクタから角度コンポーネントを動的にロードする方法

Question

私たちは、Spring MVC、jsp、jQueryとして実装されたユースケースで構成されるハイブリッドレガシーアプリケーションを提供しています。各ユースケースは、jsp/jQueryで構成された「コンポーネント」から構築されたSPAです。各コンポーネントは、innerHTML + AJAXを使用して動的にロードされます。

このアプリケーションを一度に1つのコンポーネントで書き直したい場合は、最善のレベルでAngularコンポーネントを作成し、各ユースケースが均等Angularアプリケーションになるまで外側に集約することをお勧めします。

DOMのjQueryロードされた部分にAngularコンポーネントを使用するための「きれいな」方法があります。例えば、従来のjQueryがセレクタをDOMの外側Dynamically add components to the DOMに角度を付けたものを除き、角を付けてください。これは、jQueryから、ブートストラップのための新しいセレクタがあることを角度に伝えます。

Answer 1

私たちがやったことは、起動時に角型コンポーネントをブートストラップすることでしたが、それらを隠しておきました。 AJAX呼び出しがDOMを更新した後、jQueryを使用して各コンポーネントをDOMの更新された部分に移動します。

角度コードをきれいにして、jQueryを認識しないようにして、すべてのjQueryが置き換えられたときに変わらないようにします。

パラメータをangleに渡すには、URLを変更してjQueryがパラメータを渡すことができるように、ハッシュストラテジで角度ルータを使用します。 （アプリケーションが普通の角度のときはプッシュベースに移行します）