Question

如何使用ngFor指令将子id传递给Angular 2中的父对象。

我需要实现动态td＆tr;以及（使用Angular 2 beta.17）。我试过下面的代码，但它没有用。

错误：

模板解析错误： Lexer错误：表达式第18列的未终止引用[aItem [＆＃39; {{header.id]

数据：

headerList:[
                {"id":"id1", "label":"ID1"},
                {"id":"id2", "label":"ID2"},
                {"id":"id3", "label":"ID3"},
            ]

resp =[
      {

        "id1": "1",
        "id2": "1",
        "id3": "1",
        "id4": "1",
        "id5": "1"
      },
      {

        "id1": "2",
        "id2": "2",
        "id3": "2",
        "id4": "2",
        "id5": "2"
      },
      {

        "id1": "3",
        "id2": "3",
        "id3": "3",
        "id4": "3",
        "id5": "3"
      },
      {

        "id1": "4",
        "id2": "4",
        "id3": "4",
        "id4": "4",
        "id5": "4"
      }  
]

代码：

<table class="table table-striped">
    <thead>
        <tr>
            <th *ngFor="let header of headerList">
                    {{header.label}}
            </th>
        </tr>
    </thead>
    <tbody>
        <tr *ngFor="let aItem of resp">
            <td *ngFor="let header of headerList">
                {{aItem['{{header.id}}']}}
            </td>
        </tr>
    </tbody>
</table>

Answer 1

您无法在confirm.xhtml内使用{{}}。我不确定你实际上想要完成什么，但这可能是你想要的：

{{}}

如何使用ngFor指令将子id传递给Angular 2中的父对象

1 个答案: