Angular2 路由：如何在 <div [innerHTML] 元素中使用 [routerLink]？IE，与内部HTML链接

Question

所以我正在构建一个angular2静态网站模板，主页面写在markdown文件中。

我需要能够有工作链接，写在标记下，而不刷新页面。

示例页面可能是：

@Component({
    selector: 'sample-page',
    providers: [],
    template: `
    <div innerHtml="{{text | markdown}}"></div>    
    `,
    styleUrls: [],
    directives: [ROUTER_DIRECTIVES],
    pipes: [MarkdownPipe]
})
export class SamplePageComponent {...

降价文件可能包含

/**
* Insert your markdown between the ticks
*/
export let page_markdown: string = `
## a sample page
[back to home 1](/)
<div>
<a [routerLink]="['Home']">Back to home 2</a>
</div>
`
    ;

但由于某种原因，《回到家2》没有被渲染，因为angular2不会绑定<div [innerHTML]中的任何内容。

标准的markdown [back to home 1](/)只是重新加载页面，这不是我想要的。

有什么办法解决我的问题吗？

提前谢谢。

Answer 1

这是不受支持的。Angular不处理添加了[innerHtml]的HTML。您可以使用DynamicComponentLoader添加动态包装在组件中的链接。