NgModel输出错误的输入值

时间:2019-01-25 10:51:19

标签: angular typescript

我在其他*ngFor中有一个*ngFor。输入显示错误的值。我认为是因为我输入的名称错误

我尝试类似的事情:

<div *ngFor="let produto of produtosConfirmadosAnuncio; let r = index">

    <div *ngFor="let variacao of produtosConfirmadosAnuncio.variacao; let m = index">
        <p><strong>Variação {{m+1}}</strong></p>
        <div>
            <div *ngFor="let atributosvariacao of produtosConfirmadosAnuncio.variacao.atributo">
                <p><strong>{{atributosvariacao.valor_atributo.item_atributo.item}}</strong></p>
                <p>{{atributosvariacao.valor_atributo.valor}}</p>
            </div>
        </div>
    </div>

    <div *ngFor="let variacao of produto.variacao; let j = index">
        <p><strong>Valor da variação {{j+1}} *</strong></p>
        <input name="valorvariacao{{j}}" required [(ngModel)]="variacao.preco_variacao" type="text">
        <h6 *ngIf="variacao.preco_variacao == null && submited"></h6>
    </div>
</div>

名称为valorvariacao{{j}}的输入输出错误的值。

ngforngfor的正确索引如何?

1 个答案:

答案 0 :(得分:1)

这样使用

 <div *ngFor="let produto of produtosConfirmadosAnuncio; let r = index">

        <div *ngFor="let variacao of produto.variacao; let m = index">
            <p><strong>Variação {{m+1}}</strong></p>
            <div>
                <div *ngFor="let atributosvariacao of variacao.atributo">
                    <p><strong>{{atributosvariacao.valor_atributo.item_atributo.item}}</strong></p>
                    <p>{{atributosvariacao.valor_atributo.valor}}</p>
                </div>
            </div>
        </div>

        <div *ngFor="let variacao of produto.variacao; let j = index">
            <p><strong>Valor da variação {{j+1}} *</strong></p>
            <input name="valorvariacao{{j}}" required [(ngModel)]="variacao.preco_variacao" type="text">
            <h6 *ngIf="variacao.preco_variacao == null && submited"></h6>
        </div>
    </div>