モジュール内のAngularJSディレクティブと別のモジュール内のテンプレート

Question

1つのモジュールに抽象ディレクティブを作成し、別のモジュールにテンプレートをロードする良い方法の提案を探しています。

シナリオは次のとおりです。私は2つの異なる展開である2つのWebサイト（Webポータルとバックオフィス）に分割しています。どちらも多くのモジュールとレイアウトを共有しますが、機能は異なります。

メニューディレクティブと構造体がコア/共通モジュールにあることを望みますが、そのテンプレートはモジュールによってロードされる必要があります。そのため、コアモジュールは特定のデプロイメントが使用されているかどうかを知る必要はありません。

私は各モジュール構成プロセスで$ templateCacheを使用することを考えましたが、誰かがこれに対してより良いオプションを知っていますか？

Answer 1

はい、テンプレートとアプリケーションの残りの部分を異なるJSバンドルに保持する唯一のオプションは$templateCacheです。他のオプション（ディレクティブの継承またはrequireおよびテンプレートHTMLファイルをWebpackにバンドルする）は、モノリシックバンドルになる可能性があります。

AngularJSには別のテンプレート単位はありませんので、モジュールに含めるにはテンプレートを$templateCache.putと定義する必要があります。