Я ищу способ повторного использования и расширения компонентов в других модулях. Я обнаружил динамическую загрузку компонентов angular на их сайте документации, но я не знаю, является ли это правильным способом расширения компонентов.
В настоящее время я обновляю приложение AngularJS, которое состоит из двух модулей angularJs. Основной модуль, который используется клиентами, и другой модуль, который расширяет части основного модуля и используется внутренними устройствами.
В AngularJS мы просто расширили директивы и сервисы из основного приложения и загрузили их отдельно.
Я хотел бы сделать подобное в Angular 6. Я использую базовый модуль, который состоит из всех компонентов, используемых в обоих приложениях. В обоих приложениях я расширяю их и загружаю через динамическую загрузку компонентов.
Я настроил пример стекаблиц здесь: https://stackblitz.com/edit/component-inheritance-example
Я бы хотел знать, так ли это, или я полностью на неверном пути.
Мне не нравится использовать для этого вспомогательный компонент. Я хотел бы иметь своего рода перехватчик, который загружает нужный компонент при рендеринге селектора, но я не знаю, возможно ли это.
EDIT:
Вот как мы это сделали в angularjs:
angular.module('childApp').directive('parentDirective', () => return new OverriddenDirective())
angular.module('parentApp').run(...)
angular.module('childApp').run(...)