angular 2从* ngFor循环

Question

<table class="border-grey ocj-admin-table">
    <tr>
        <th>Customer ID</th>
        <th>Contract ID</th>
        <th>Product Instance ID</th>
    </tr>
    <tr *ngFor="let journeyDetail of journeyDetails; let i = index">
        <td ><input #custId type ="textField"/></td>
        <td ><input #contractId_{{i}} type ="textField"/></td>
        <td ><a  href="?{{custId_{{i}}.value}}&{{contractId_{{i}}.value}}">launch</a></td>
    </tr>
</table>

我想启动到由输入字段构成的url。但我在href中的两个花括号中出现错误。

我做错了什么？

Answer 1

嵌套花括号无效

只需使用

{{custId + '_' + i + '.' + value}}

您也无法动态构建模板变量名称

 #contractId_{{i}}

无效

无论如何{{i}}部分都不是必需的。

*ngFor中的所有元素都可以具有相同的模板变量。如果您参考的是最近的一个。