Импортируйте свой класс ProgressLoaderAnimations
вверху вашего
app.module.ts
. и добавьте его в массив declarations:
Использовать строку селектора, указанную в каталоге 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, Stabblitz и т. Д.
В описанных здесь шагах должно быть достаточно информации, чтобы решить ваши проблемы с компонентами, и, если необходимо, более подробно прочитать руководство по Angular.
Существуют и другие оптимизации загрузки компонентов, которые можно исследовать, например (отложенная загрузка).
Ссылка на компоненты: https://angular.io/guide/architecture-components
Также пошаговое прохождение должно быть чрезвычайно полезным для вас, как и для меня. https://angular.io/tutorial
Пример Googled Stackblitz для HeroDetailComponent, используемого в HeroListComponent