Как переопределить существующий компонент проекта новым компонентом

#angular #typescript

Вопрос:

У меня есть угловой проект под названием CustomDemoApp Внутри модулей узлов есть демо-приложение, которое является родительским приложением CustomDemoApp. В родительском приложении(Демо-приложении) у меня есть страница входа в систему, но мне нужно добавить некоторые дополнительные функции поверх нее.

  1. Я попытался наследовать ЛогинКомпонент своему пользовательскому логинкомпоненту. мы повторно используем только логику, но представление снова повторяется в пользовательском приложении.

В настоящее время я сталкиваюсь с проблемой URL-адреса, который должен совпадать с родительским компонентом.

2.Пример, если мы введем URL-адрес компонента ParentApp, он должен отображать нашу страницу пользовательского входа.

 CustomAPP
dist
e2e
nodeModules-->DemoApp(Budled) src-->App-->
 Component-->LoginComponent 
   
Src-->App-->Component-->CustomeLoginComponent
package.json
 

Пожалуйста, найдите ниже фрагмент кода. Попробовал загрузить компонент с помощью CustomLoginService

В пользовательском модуле:

 providers[
{provide:DynamicServ, useValue:CustomLoginService }
]
 

Меня смущает эта пользовательская архитектура, созданная кем-то. Но они говорят, что мы можем добиться многократного использования кода, а также пользовательских модификаций с тем же потоком.
И я не видел никакой отдельной маршрутизации для этих проектов. Я могу ошибаться, пожалуйста, помогите мне преодолеть это.

Комментарии:

1. Демонстрационное приложение, вероятно, представляет собой угловую библиотеку и может иметь демонстрационный модуль. Должно быть достаточно для импорта модуля.

2. DemoApp-это основной проект, который входит в комплект поставки. Я унаследовал моду приложения, но я не могу видеть страницу пользовательского входа