Angular 使用插值设置routerLink_Angular

Angular 使用插值设置routerLink

angular

Angular 使用插值设置routerLink,angular,Angular,我正在Angular 5中开发一个应用程序在我的ts文件中，我将字符串数组设置为 breadCumbSetter.bCumb = [ {name:'Operation',route:'/operation'}, ]; 在我看来，我使用它如下 <ol class="breadcrumb"> <li class="breadcrumb-item"> <a [routerLink]="['/dashboard']">

我正在Angular 5中开发一个应用程序

在我的ts文件中，我将字符串数组设置为

breadCumbSetter.bCumb = [
  {name:'Operation',route:'/operation'},
];

在我看来，我使用它如下

<ol class="breadcrumb">
        <li class="breadcrumb-item">
          <a [routerLink]="['/dashboard']">
            <i class="fa fa-home"></i>
          </a>
        </li>
        <li class="breadcrumb-item" *ngFor="let item of breadCumbSetter.bCumb">
          <a [routerLink]="['"+{{item.route}}+"']">{{item.name}}</a>
        </li>
      </ol>

但什么都不管用

如何通过插值设置routerLink值，或者在*ngFor循环中是否有其他方法进行设置？

您需要了解

@Input

s如何在角度中工作，以及

routerLink

接受什么

routerLink

可以接受一个完整的字符串，这是一个绝对的路由器URL，也可以接受一个字符串和数字数组，这是相对于当前路由的（除非第一项以

开头）

对于

@输入

s：

```
routerLink=“foo”
```
表示您正在将
```
'foo'
```
作为字符串发送到输入
```
[routerLink]=“foo”
```
表示您正在向输入发送一个名为
```
foo
```
的变量
```
routerLink=“{{foo}}”
```
表示您正在向输入发送一个名为
```
foo
```
的变量
```
[routerLink]=“'foo'”
```
表示您正在将
```
'foo'
```
作为字符串发送到输入
```
[routerLink]=“[foo]”
```
表示您正在向输入发送一个包含一个项的数组，该数组是
```
foo
```
变量

既然这样说了，您的案例的正确语法应该是

[routerLink]="[item.route]"

你可能会认为这相当于

[routerLink]="['"+{{item.route}}+"']"

但事实并非如此。这将不起作用，因为您正在使用变量表示法（

[routerLink]

）和外推（

{{item.route}}

）。您可以使用其中一个，但不能同时使用两个

您需要了解

@Input

s如何以角度工作，以及

routerLink