将外部html文件设置为Angular2中的TemplateRef

Question

这是我的代码：

@Component({
    selector: 'nav-menu',
    directives: [...ROUTER_DIRECTIVES, HighlightDirective, EditTmpl],
    template: '<template [ngTemplateOutlet]="currentTplRef"></template>'//require('./nav-menu.html')
})

export class NavMenu implements OnInit {
    @Input() templ: TemplateRef<any>;
    @ViewChild('displayTmpl') displayTmpl : TemplateRef<any>;
    @ViewChild('editTmpl') editTmpl: TemplateRef<any>;    
    childView: EmbeddedViewRef<any>;

    constructor(private authService: AuthService, private _viewContainer: ViewContainerRef) { }

    ngOnInit() {
        this.childView = this._viewContainer.createEmbeddedView(this.templ);
    }    
}

我在这个ts文件所在的文件夹中有两个外部html文件，里面的代码看起来像这样（这个html文件叫做displayTmpl）：

<template #displayTmpl>
    <table>...</table>
</template>

如何以动态方式加载此html视图？我想将currentTplRef设置为我的一个html文件。