他のモジュールでコンポーネントを再利用および拡張する方法を探しています。ドキュメントサイトでangularの動的コンポーネントの読み込みを見つけましたが、それがコンポーネントを拡張する正しい方法かどうかはわかりません。
現在、2 つの angularJs モジュールで構成される AngularJS アプリをアップグレードしています。クライアントによって使用されるメイン モジュールと、メイン モジュールの一部を拡張し、内部で使用される別のモジュール。
AngularJS では、ディレクティブとサービスをメイン アプリから拡張し、それらを個別にブートストラップしました。
Angular 6 でも同様のことをしたいと思います。両方のアプリで使用されるすべてのコンポーネントで構成される基本モジュールを使用します。どちらのアプリでも、それらを拡張し、動的なコンポーネントの読み込みを介して読み込みます。
ここでstackblitzの例をセットアップします: https://stackblitz.com/edit/component-inheritance-example
それが進むべき道なのか、それとも私が完全に間違った道を進んでいるのかを知りたいです。
そのためにヘルパー コンポーネントを使用する必要はありません。セレクターのレンダリング時に適切なコンポーネントをロードする一種のインターセプターが必要ですが、それが可能かどうかはわかりません。
編集:
これが angularjs で行った方法です。
angular.module('childApp').directive('parentDirective', () => return new OverriddenDirective())
angular.module('parentApp').run(...)
angular.module('childApp').run(...)