Angular 5 - Показать модуль в компоненте

1. Импортируйте свой класс ProgressLoaderAnimations в верхнюю часть вашего app.module.ts. и добавляем в массив declarations:

2. Используйте строку селектора, указанную в каталоге Angular @Component в шаблоне html вашего настраиваемого компонента прогресс-загрузчика.

import { ProgressLoaderAnimations } from './progress-loader-animations';

@NgModule({
  imports: [
    BrowserModule,
    FormsModule
  ],
  declarations: [
    AppComponent,
    ProgressLoaderAnimations // Note this.
  ],
  providers: [
    BackendService,
    HeroService,
    Logger
  ],
  bootstrap: [ AppComponent ]
})
export class AppModule { }

@Component({
  selector: 'progress-loader-animations',
  templateUrl: './hero-list.component.html',
  providers: []
})
export class ProgressLoaderAnimations implements OnInit {

  /* . . . */
}

Было бы неплохо иметь больше информации (например, ваш код) или plnkr, stackblitz и т. д.

Описанные здесь шаги должны быть достаточной информацией для решения ваших проблем с компонентами и дальнейшего изучения руководства по Angular, если это необходимо.

Есть и другие способы оптимизации загрузки компонентов, которые можно исследовать, например (отложенная загрузка).

Ссылка на компоненты: https://angular.io/guide/architecture-components

Также пошаговое руководство должно быть полезно для вас, как и для меня. https://angular.io/tutorial

Googled Stackblitz пример HeroDetailComponent, используемого в HeroListComponent