Hice una búsqueda global de componentes. Y funciona bien, paso todo lo que necesita el componente. Pero tengo un problema con la arquitectura del servicio. Todas mis llamadas de búsqueda http están en un componente global dentro del archivo ts.component.

Tengo 3 llamadas http diferentes. Cada uno es un módulo separado. Por ejemplo, tengo un nombre de búsqueda, un cliente y un empleado. Para importar el componente de búsqueda dentro del componente Cliente y buscar clientes, también necesito importar y emplear el módulo de nombre, porque todo está dentro del componente de búsqueda global.

componente global componente compartido ->

 <input type="text" (input)="onSearch($event)" #focus [placeholder]="settings.text" class="w-100 h-100 border-0 shadow-none" />

Con @Input() propongo todos los datos al componente secundario... y busco dependiendo de los datos de apoyo. Funciona bien excepto cargar todos los módulos.

mi arquitectura de carpeta:

shared/components/search-global-component:

dentro de la carpeta search-global-component tengo:

 search-global-component.html search-global-component.ts. search-global-component.module search-global-component.scss

módulo interior:

exporto exportaciones: [SearchGlobalComponent],

Cómo usar en diferentes componentes:

ejemplo dentro de nombre o componentes de cliente o empleado importo SearchGlobalComponent.module

 <global-search [(ngModel)]="searchedItem" [primaryKey]="nameId" or customerId [text]="'Select service types'" ></mglobal-search >

Aquí hay un problema dentro de NOMBRE. Necesito importar el MÓDULO DE CLIENTE Y EL MÓDULO DE EMPLEADO.

como evitarlo ¿Dónde registrar el servicio? entiendes mi problema??

si quisiera agregar un componente global de búsqueda a otro componente en ese componente, tendría que importar todos los módulos utilizados dentro del componente de búsqueda global solo porque realizo una llamada de servicio http para obtener todos los valores de nombre. cliente, empleados o nuevo componente agregado