プロパティ 'し、' タイプに存在しません 'ComponentFactory <SpinnerComponent>'

Question

アンギュラバージョン2.2.0以下では、私はラインでのエラーの下に取得しています、

Plunkerリンク、

http://plnkr.co/edit/f6GBBQan7z4I9K1qBZOi?p=preview

spinnerRef.then((factory: ComponentFactory<any>) => { 

エラー 'プロパティ'は 'ComponentFactory'タイプに存在しません。

これと解決の理由は何か、提案してください。ありがとう！

import { Injectable, ApplicationRef, ViewContainerRef, Component, ComponentRef, ComponentFactoryResolver, ComponentFactory, ViewChild } from '@angular/core'; 

import { SpinnerComponent } from '../components/blockui/blockui.component'; 


@Injectable() 
export class SpinnerService { 
    spinnerComp: ComponentRef<any>; 

    constructor(private _appRef: ApplicationRef, private _resolver: ComponentFactoryResolver) { 
    } 

    public start() { 
     let elementRef: ViewContainerRef = (<any>this._appRef)['_rootComponents'][0].location; 

     return this.startInside(elementRef, null); 
    } 

    public startInside(elementRef: ViewContainerRef, anchorName: string) { 

     let spinnerRef = this._resolver.resolveComponentFactory(SpinnerComponent); 

     spinnerRef.then((factory: ComponentFactory<any>) => { 
      this.spinnerComp = elementRef.createComponent(factory) 
     }); 
    } 

    public stop() { 
     if (this.spinnerComp) { 
      this.spinnerComp.destroy(); 
     } 
    } 
} 

Answer 1

resolveComponentFactory(component: Type<T>) : ComponentFactory<T> 

ComponentFactory<T>ないPromise<ComponentFactory<T>>を返します - それは非同期ではありません。

https://angular.io/docs/ts/latest/api/core/index/ComponentFactoryResolver-class.html

public startInside(elementRef: ViewContainerRef, anchorName: string) { 
    let factory = this._resolver.resolveComponentFactory(SpinnerComponent); 
    this.spinnerComp = elementRef.createComponent(factory); 
}