Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/c/65.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular ngModel始终将最后一项复制到表中的所有字段_Angular - Fatal编程技术网

Angular ngModel始终将最后一项复制到表中的所有字段

Angular ngModel始终将最后一项复制到表中的所有字段,angular,Angular,我有这个数组我试图显示在我的模板,不知怎的,它只是不能正确显示。如果我做[value],它会给我正确的值,但是ofc。不绑定到数组和值 数组: {"pluNo":1,"pluName":"Smirnoff 2cl","pluDepartment":"VODKA","pluPrice":2000}, {"pluNo":2,"pluName":"Smirnoff 4cl lala","pluDepartment":"VODKA","pluPrice":4000}, {"pluNo":3,"pluNa

我有这个数组我试图显示在我的模板,不知怎的,它只是不能正确显示。如果我做[value],它会给我正确的值,但是ofc。不绑定到数组和值

数组:

{"pluNo":1,"pluName":"Smirnoff 2cl","pluDepartment":"VODKA","pluPrice":2000},
{"pluNo":2,"pluName":"Smirnoff 4cl lala","pluDepartment":"VODKA","pluPrice":4000},
{"pluNo":3,"pluName":"Jack D 2cl","pluDepartment":"Whiskey","pluPrice":2200},
{"pluNo":4,"pluName":"Smirnoff 4cl","pluDepartment":"VODKA","pluPrice":4000},
{"pluNo":5,"pluName":"Rom","pluDepartment":"Rom","pluPrice":2500},
{"pluNo":6,"pluName":"Rom 4cl","pluDepartment":"Rom","pluPrice":5000}
这是我的表格主体,PLU编号打印正确,只有其他字段设置为列表的最后一项

<tbody>
    <tr *ngFor="let item of products; let i = index">
        <td scope="row">
            {{item.pluNo}}                                                                          
        </td>
        <td>
            <input type="text" [(ngModel)]="item.pluName" name="plu" class="form-control m-input" placeholder="" value="">                                                                  
        </td>
        <td>
            <input type="text" [(ngModel)]="item.pluDepartment" name="pluDepartment" class="form-control m-input" placeholder="" value="">                                                          
        </td>
        <td>
            <input type="number" [(ngModel)]="item.pluPrice" name="pluPrice" class="form-control m-input" placeholder="">                                                                   
        </td>   
        <td>
            <button (click)="deletePluItem(item)">Delete</button>
        </td>
    </tr>
</tbody>

{{item.pluNo}
删除

您只需为所有
输入提供不同的
名称

name=“plu”
更改为
name=“plu{{i}}”


检查后,您将了解该问题,然后对所有输入进行更改。

显示(例如)pluName的所有输入都具有相同的名称。他们不应该。谢谢,伙计,这当然有道理。我不管用,就把这句话留在这里作为一句忠告:行不通。这将导致angular设置所有输入的最后一个值