如何将绑定值组合到Angular2 / 4中的新变量中

Question

您好我有以下Angular 4模板代码：

<tr *ngFor="let row of rows">
    <td>
        <a [routerLink]="['/test/test1', id1, id2]">
            {{row.summary[0].width}}
            {{row.summary[0].length}}
            {{row.summary[0].vol}}
        </a>
    </td>
</tr>

现在我想将url路径更改为以下内容：

<a [routerLink]="['/test/test1', item.id1, newID]">

新ID（id2）必须是

的组合值

id2 = {{row.summary[0].width}}
{{row.summary[0].length}}
{{row.summary[0].vol}}

我怎么能在Angular中做到这一点？

Answer 1

只需在组件中创建属性：

export class MyComponent implements OnInit {

  ngOnInit() { }

  getNewId(sum): string {
    return `${sum.width}${sum.length}${sum.vol}`;
  }
}

并在模板中使用：

<td>
  <a [routerLink]="['/test/test1', getNewId(row.summary[0])]">
    {{row.summary[0].width}}
    {{row.summary[0].length}}
    {{row.summary[0].vol}}
  </a>
</td>