angular - 内部带有路由器链接的 NgFor 按钮

Question

我想问是否有办法做到这一点

<button *ngFor="let link of links" routerLink="{{link.value}} <<<<  (i want to insert value from array to this
">{{link.Name}}</paper-button>

links = [
{Name:'Menu1' , value:'/Menu1'},
{Name:'Menu2' , value:'/Menu2'},
]

在我的路由器模块中，

{ path: 'Menu1',  component: Menu1Component },
{ path: 'Menu2',  component: Menu2Component },

Answer 1

通过使用符号[routerLink]而不是routerLink，您可以将实例属性传递给值。在您的情况下，它将是：

<button *ngFor="let link of links" [routerLink]="link.value">
    {{link.Name}}
</paper-button>