Array.push使用Angular 4在表中创建2行

时间:2018-10-01 14:42:48

标签: arrays angular typescript html-table

我有2个相同的数组,除了2个项目是2个假日期:

 this.prodotti.push({ idAgreement: this.idAgreement,landingStatus: this.landingStatus, landingType: this.landingType, startDate: this.startDate, expirationDate: this.expirationDate, landingURL: this.landingURL, landingRequestURL: this.landingRequestURL, landingTaegMax: this.landingTaegMax, landingPF: this.landingPF });

 this.prodotti2.push({ idAgreement: this.idAgreement,fakeExpirationDate:this.fakeExpirationDate,fakeStartDate:this.fakeStartDate, landingStatus: this.landingStatus, landingType: this.landingType, startDate: this.startDate, expirationDate: this.expirationDate, landingURL: this.landingURL, landingRequestURL: this.landingRequestURL, landingTaegMax: this.landingTaegMax, landingPF: this.landingPF });

当我尝试将其推入html表时,即使在我的代码中绑定的数组为prodotti2

,也将添加2行而不是1行。

HTML:

<tr *ngFor="let row of prodotti2; let i = index">
            <td>
              <div class="celleProd">
                <input class="mdl-textfield__input" type="text" style="text-align: center" value="{{row.landingType}}" id="sample3" pattern="[A-Za-z0-9]+"
                  readonly="true">
              </div>
            </td>

那为什么每次我推2个数组时它都会创建2行呢?

1 个答案:

答案 0 :(得分:0)

您可以使用console.log(prodotti2)查看上面是否只有一项,并且当您使用* ngFor时不要使用id = sample3,如果您使用id = sample { {i}} ...对不起,但我没有发表评论的声誉...