时间戳

首页 > 解决方案 > 属性绑定不适用于 [routerlink] ANGULAR

html - 属性绑定不适用于 [routerlink] ANGULAR

问题描述

我想从 db 为我的菜单创建通用 url

如果我用值备忘录对路由器链接进行硬编码，那么应用程序就可以工作

<ul>
  <li *ngFor="let menu of contractMenus"><a [routerLink]="['memo']">{{ menu.facetName }}</a></li>
</ul>

但是，如果我想让它像这样通用

<ul>
  <li *ngFor="let menu of contractMenus"><a [routerLink]="['{{ menu.facetUrl }}']">{{ menu.facetName }}</a></li>
</ul>

然后我被困在加载中......没有任何反应我不明白为什么或如何解决这个问题。

标签： htmlangulartypescript

解决方案

我认为您的问题的解决方案非常简单。

由于与[]您绑定，因此更通用的方法不需要字符串插值；）

如果您更改它，如下所示，它应该可以工作：

<ul>
  <li *ngFor="let menu of contractMenus"><a [routerLink]="[menu.facetUrl]">
    {{ menu.facetName }}</a>
  </li>
</ul>

推荐阅读