在Angular2中动态加载模板

Question

我设法使用ngTemplateOutlet在一个组件中动态加载html。

我的代码是这样的：

@Component({
    selector: 'nav-menu',
    template: `<template [ngTemplateOutlet]="getTemplate()"></template>    

    <template #displayTmpl>
        <td>petko</td>
        <td><button>Edit</button></td>
    </template>

     <template #editTmpl>
        <td><input type="text" value="stanko" /></td>
        <td><button>Save</button><button>Cancel</button></td>
    </template>
  `
})

export class NavMenu {
    @ViewChild('displayTmpl') displayTmpl : TemplateRef<any>;
    @ViewChild('editTmpl') editTmpl: TemplateRef<any>;

    getTemplate() {
      return this.displayTmpl;//this.displayTmpl, this.editTmpl
    }

    constructor(private authService: AuthService) { }
}

但是我希望这里不包含模板，我希望displayTmpl和editTmpl是两个独立的.html文档。我该怎么做？