Индикатор выполнения для Angular Ленивая загрузка компонентов - PullRequest
1 голос
/ 07 апреля 2020

Я занимаюсь разработкой приложения angular. Я успешно использую технику ленивой загрузки для загрузки компонентов. Я хочу разместить полосу загрузки, которая отображает ход загрузки компонентов в реальном времени.

Как получить размер компонента и загруженный размер, чтобы получить процент загрузки.

    import('myComponent.component').then(m => {
                  this.loadComponent( this.componentID, m.myComponent );
                })

    loadComponent( componentID:number, component:any ) {


    if( this.componentFactory[componentID] == undefined ) {

      this.componentFactory[componentID] = this.componentFactoryResolver.resolveComponentFactory( component );
      this.componentRef[componentID] = this.viewContainerRef.createComponent( this.componentFactory[componentID] );

    }
    else {
      this.viewContainerRef.insert( this.componentRef[componentID]._viewRef );
    }

  }
...