Angular 2+ - 我可以制作一个使用路由器导航的指令吗?

时间:2018-04-06 14:52:44

标签: angular angular-routing angular-directive

我正在使用Angular 5并尝试解决一个问题,我的字符串看起来像这样:

This is an herbal kind of [tea] found in the...

并输出如下内容:

This is an herbal kind of <a [routerLink]="['/help', 'tea']">Tea</a> found in the...

锚标记可点击并且流经Angular的路由机制,而不需要任何类型的绝对URL。

我在想我可以用指令做到这一点,但我不确定框架是否能正确评估输出的结果。

格式化对我来说并不像一致的路由一样重要,否则我会考虑像Markdown一样面向Markdown。

1 个答案:

答案 0 :(得分:0)

根据评论中的建议,我做了一个指令,解析输入并根据输入将DOM元素添加到装饰元素,括号内的术语输出跨越触发Angular导航的onclick处理程序。这是一个早期工作的解决方案:

constructor(private dateAdapter: DateAdapter<Date>) {
    this.dateAdapter.setLocale('fr');   
}