angular - 内部 html 指令

Question

[router-link]我该如何使用[inner-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>`;
        }
    }

这是 Angular1 http://plnkr.co/edit/F91xvGHBASvqCGBJcEYY?p=preview的解决方案

我怎样才能在 Angular2 中做到这一点？

Answer 1

我找到了解决方案。

DynamicComponentLoader.loadAsRoot 解决了这个问题。

这是 API： https ://angular.io/docs/ts/latest/api/core/DynamicComponentLoader-class.html

还有一篇文章：https ://medium.com/tixdo-labs/angular-2-dynamic-component-loader-752c3235bf9#.qkxk36s98

编辑：DynamicComponentLoader 已弃用，这是另一个解决方案：https ://stackoverflow.com/a/37044960/5022904