Question

我将在HashMap对象中翻译的参数存储在我的组件上。但问题是诸如[routerLink]之类的属性不起作用或者不是由angular（v5）解释。

我在组件上的代码：

export class HomeComponent {
  public welcomeParams: object = {
    '%start_link_homepage%' : '<a [routerLink]="' + this.localize.translateRoute('/') + '">',
    '%end_link_homepage%' : '</a>'
  };

  constructor(private localize: LocalizeRouterService) { }
}

this.localize.translateRoute（'/'）return =＆gt; / FR /

我的HTML文件代码：

<div [innerHTML]="'app.home.welcome.text' | translate | join | replace:welcomeParams"></div>
<!-- join & replace is pipe created by me -->

替换管道：仅对字符串类型使用替换函数

连接管道：在数组的不同元素之间创建连接

实际结果：

<a> Website </a>

期望的结果：

<a href="/fr" ng-reflect-router-link="/fr/"> Website </a>

Answer 1

OP解决方案。

我通过AfterViewInit实现的方法使用jquery解决了我的问题。示例：

Proxy (S a)

localize属性为https://www.npmjs.com/package/localize-router

在HashMap对象的字符串值中使用routerLink

1 个答案: