Angular 内部html指令

如何在

[内部html]

中使用

[路由器链接]

以下是一个例子：

    import {Component, View} from 'angular2/angular2';
    import {RouterLink, ROUTER_DIRECTIVES} from 'angular2/router';

    @Component({
        selector: 'index'
    })
    @View({
        template: `
            <div> Index Content </div>
            <div [inner-html]="test"></div>
        `,
        directives: [ROUTER_DIRECTIVES]
    })

    export class Index {
        private test: String;

        constructor() {
            this.test = `<a [router-link]="['/aRoute', 'AComponent']">Test</a>`;
        }
    }

从'angular2/angular2'导入{组件，视图}；
从“angular2/ROUTER”导入{RouterLink，ROUTER_指令}；
@组成部分({
选择器：“索引”
})
@看法({
模板：`
索引内容
`,
指令：[路由器指令]
})
出口类指数{
私有测试：字符串；
构造函数（）{
this.test=`

我怎样才能在Angular2中做到这一点？
我找到了解决办法

DynamicComponentLoader.loadAsRoot解决了这个问题

以下是API：

还有一篇文章：

编辑：DynamicComponentLoader已被弃用，下面是另一个解决方案：
我认为编译器不会注意到该routerLink。为什么不直接在模板中传递routerLink？我需要通过ajax获取html，我不希望通过将href attr设置为标记来加载任何页面。有没有办法在e组件已初始化，--对不起，我的英文：）您可以使用
templateUrl
而不是
template
来获取加载到应用程序中的动态角度页面