Угловой 5 - Показать модуль в компоненте - PullRequest
0 голосов
/ 04 июля 2018

У меня есть приложение, в котором я хотел бы иметь несколько типов progress-loader-animations (spinner / bar / и т. Д.)

Поэтому я создал модуль с компонентом. Как бы я теперь показал счетчик модуля в моем main-component?

1 Ответ

0 голосов
/ 04 июля 2018
  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, Stabblitz и т. Д.

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

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

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

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

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

...