有没有办法将 makdown 生成的 HTML 绑定到 Angular 4 组件？

Question

我正在使用 Angular 4 构建一个类似于 wiki 的应用程序，用户可以在其中注册自己的页面并使用由组件/指令管理的 markdown 文本编辑器链接它们。好吧，至少我正在努力实现这一目标。

例子：

自定义降价更改代码如下

<markdown>
  # Pages
  [Page 1]([[other/page1]] "Custom link 1")
  [Page 2]([[other/page2]] "Custom link 2")
  ...
</markdown>

进入

<h1>Pages</h1>
<a [routerLink]="['other/page1']" title="Custom Link 1">Page 1</a>
<a [routerLink]="['other/page1']" title="Custom Link 1">Page 1</a>
...

每当我尝试将 [routerLink] 或任何其他控制器函数、管道或指令绑定到由angular2-markdown 生成的自定义元素时，它都会变成纯文本并且根本不起作用。

我知道Angular只会在组件编译周期中绑定模板内的html数据，但是没有办法解决这个问题？

编辑：

markdown 更改是使用angular2-markdown 构建的。

Answer 1

我建议使用像 angular-2-markdown 这样的第三方库 而不是自己构建此功能。他们有很多 markdown API，最好使用一些经过验证的真实的东西，冒着让用户对你的应用程序有很多访问权的风险