Html view different

@RobertLow wrote:

Hi community, I am having this code

<ion-item *ngFor="let att of anArray; let idx = index">
      <ion-label color="primary" floating>{{att.labelA}}{{idx+1}}</ion-label>
      <ion-input type="text" [(ngModel)]="anArray[idx].valueA" clearInput></ion-input>

      <ion-label color="primary" floating>{{att.labelB}}{{idx+1}}</ion-label>
      <ion-input type="number" [(ngModel)]="anArray[idx].valueB" clearInput></ion-input>

      <ion-label color="primary" floating>{{att.labelC}}{{idx+1}}</ion-label>
      <ion-input type="text" [(ngModel)]="anArray[idx].valueC" clearInput></ion-input>
</ion-item>

But why does the output become

A1
B1
C1

---

---

---

I wanted to be like

A1

---

B1

---

C1

---

Thankyou.

Posts: 1

Participants: 1

Read full topic