使用带有表示我所在行的索引的ngFor

时间:2017-11-03 07:51:18

标签: angular

我刚刚开始学习Angular 4,我试图使用这个数组:

public productsByLaw: IHash;
interface IHash {
    [row: number]: IProduct[];
}

productsByLaw将为我将在IProduct中显示的每一行存储<table>数组。

ngFor中(在本例的第二个中):

<tr *ngFor="let productionorder of productionorders; let rowIndex = index">
<td>
    <select id="ProductId-{{rowIndex}}" name="ProductId-{{rowIndex}}" #productId="ngModel" [(ngModel)]="productionorders[rowIndex].productid" required>
        <option></option>
        <option *ngFor="let product of productsByLaw[{{rowIbdex}}]" [value]="product.productId">{{product.name}}</option>
    </select>
</td>

但是我在这里遇到语法错误:productsByLaw[{{rowIndex}}]{{rowIndex}}

我想使用IProduct[]数组,具体取决于我所在的行。

我该怎样做我该做什么?

1 个答案:

答案 0 :(得分:3)

应该是

productsByLaw[rowIndex]

{{}}仅用于字符串插值

*绑定(如*ngFor="..."[foo]="..."中的绑定被评估为表达式而非字符串。