angular - RouterLink 在模板（Angular）中评估的组件字符串

Question

我试图让 [RouterLink] 评估 *ngFor 中的对象，该对象具有需要评估的代码的字符串值。

<ul>
  <li *ngFor="let item of ComponentVar">
      [RouterLink]="item.routerLink"
>
  </li>
</ul>

零件

export Component {
  public ComponentVar [
    { name: 'List Item', routerLink: "['', { outlets: { 'app-popup': ['popupComponent'] } }]", index: 4 },
  ]
}

每当我查看路由器日志时，它都会显示此的编码版本。例如

url: "/path/%5B''%2C%20%7B%20outlets%3A%20%7B%…pp-popup'%3A%20%5B'popupComponent'%5D%20%7D%20%7D%5D"

如何让 RouterLink 对其进行评估，以便路由正常工作，并且 url 日志将是：

/path/(app-popup:popupComponent)

Answer 1

对于字符串的评估，通过发送一个已经格式化的 url only，我在not给出outlet. 似乎某处的路由器解析器存在问题。（在您的示例中，您不应该发送 item.routerLink 而不是 item.value 吗？）

组件.ts

 public test = "/update-manager/applications/(view2:new)";

模板.html

<button [routerLink]="test">test</button>

结果

<button ng-reflect-router-link="/update-manager/applications/(">test</button>