# How to print array of an array using ngFor

**URL:** <https://forum.ionicframework.com/t/how-to-print-array-of-an-array-using-ngfor/180004>\
**Category:** ionic-v3\
**Created:** [December 19, 2019, 7:30am UTC](https://forum.ionicframework.com/t/how-to-print-array-of-an-array-using-ngfor/180004 "2019-12-19T07:30:03Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![flycoders\_sourav](https://avatars.discourse-cdn.com/v4/letter/f/e47c2d/32.png) [@flycoders\_sourav](https://forum.ionicframework.com/u/flycoders_sourav)\
**Post date:** [December 19, 2019, 7:30am UTC](https://forum.ionicframework.com/t/how-to-print-array-of-an-array-using-ngfor/180004/1 "2019-12-19T07:30:03Z")

</div>

I have a array of array like this

`[[{"name":"PC Repairing @ 250","id":"1","checked":true},{"name":"PC Repairing @ 350","id":"2","checked":true}],[{"name":"PC Repairing @ 250","id":"3","checked":true},{"name":"PC Repairing @ 350","id":"2","checked":true},{"name":"PC Repairing @ 250","id":"1","checked":true}],[{"name":"PC Repairing @ 250","id":"3","checked":true},{"name":"PC Repairing @ 350","id":"2","checked":true},{"name":"PC Repairing @ 250","id":"1","checked":true}]]`

how can i print this array using ngfor?  
thanks in advance

---

<div class="post-metadata">

**Author:** ![ManOnMission](https://avatars.discourse-cdn.com/v4/letter/m/b4bc9f/32.png) [@ManOnMission](https://forum.ionicframework.com/u/ManOnMission)\
**Post date:** [December 19, 2019, 9:17am UTC](https://forum.ionicframework.com/t/how-to-print-array-of-an-array-using-ngfor/180004/2 "2019-12-19T09:17:15Z")

</div>

Try to use for inside for  
Example:

```auto
<ion-item *ngFor="let data of somedata">
   <ion-item *ngFor="let insidedata of data">
Print here
    </ion-item>
</ion-item>

```

---

<div class="post-metadata">

**Author:** ![flycoders\_sourav](https://avatars.discourse-cdn.com/v4/letter/f/e47c2d/32.png) [@flycoders\_sourav](https://forum.ionicframework.com/u/flycoders_sourav)\
**Post date:** [December 19, 2019, 9:18am UTC](https://forum.ionicframework.com/t/how-to-print-array-of-an-array-using-ngfor/180004/3 "2019-12-19T09:18:18Z")

</div>

Thanks for your response. but here my problem is little bit different.Please could i tell you?

---

<div class="post-metadata">

**Author:** ![ManOnMission](https://avatars.discourse-cdn.com/v4/letter/m/b4bc9f/32.png) [@ManOnMission](https://forum.ionicframework.com/u/ManOnMission)\
**Post date:** [December 19, 2019, 9:19am UTC](https://forum.ionicframework.com/t/how-to-print-array-of-an-array-using-ngfor/180004/4 "2019-12-19T09:19:08Z")

</div>

Yes Please , you can ask your concern here

---

<div class="post-metadata">

**Author:** ![flycoders\_sourav](https://avatars.discourse-cdn.com/v4/letter/f/e47c2d/32.png) [@flycoders\_sourav](https://forum.ionicframework.com/u/flycoders_sourav)\
**Post date:** [December 19, 2019, 9:20am UTC](https://forum.ionicframework.com/t/how-to-print-array-of-an-array-using-ngfor/180004/5 "2019-12-19T09:20:14Z")

</div>

I have list of item and inside every item open a same checkbox list but when select the checkbox from system 1 list it should be show only for system 1. but its show for every list of item. How can i do that.  
below i attach my UI

 ![Screen Shot 2019-12-16 at 11.37.30](https://global.discourse-cdn.com/ionicframework/original/3X/5/f/5f91204ecad671ab450061e23c6b5956bf19c3e0.png)

Please could tell me how can i achieve this things am stuck around 7 day’s on this situation

---

<div class="post-metadata">

**Author:** ![flycoders\_sourav](https://avatars.discourse-cdn.com/v4/letter/f/e47c2d/32.png) [@flycoders\_sourav](https://forum.ionicframework.com/u/flycoders_sourav)\
**Post date:** [December 19, 2019, 9:22am UTC](https://forum.ionicframework.com/t/how-to-print-array-of-an-array-using-ngfor/180004/6 "2019-12-19T09:22:19Z")

</div>

above system1 syatme2 … is dynamic its generated text box based on drop down value

---

<div class="post-metadata">

**Author:** ![ManOnMission](https://avatars.discourse-cdn.com/v4/letter/m/b4bc9f/32.png) [@ManOnMission](https://forum.ionicframework.com/u/ManOnMission)\
**Post date:** [December 19, 2019, 9:24am UTC](https://forum.ionicframework.com/t/how-to-print-array-of-an-array-using-ngfor/180004/7 "2019-12-19T09:24:40Z")

</div>

Can you share your html and TS code please.

---

<div class="post-metadata">

**Author:** ![flycoders\_sourav](https://avatars.discourse-cdn.com/v4/letter/f/e47c2d/32.png) [@flycoders\_sourav](https://forum.ionicframework.com/u/flycoders_sourav)\
**Post date:** [December 19, 2019, 9:30am UTC](https://forum.ionicframework.com/t/how-to-print-array-of-an-array-using-ngfor/180004/8 "2019-12-19T09:30:09Z")

</div>

this is my **Listpage.ts**

```auto
openServiceproblem(index) {
    const modal = this.modalCtrl.create(ServiceproblemPage);
    modal.onDidDismiss(data => {
      this.user_selected_service_data=data;
   
  });
    modal.present();
 }

```

**.html**

```auto
<ion-row *ngFor="let item of number_of_texbox; let i=index">

          <ion-col col-3><p class="system-name-head-text"><strong>System {{i+1}}</strong> </p></ion-col>

          <ion-col col-8>

            <button ion-button (click)="openServiceproblem(i)" class="select-sys-btn-sec">Select System Problem <ion-icon name="arrow-dropdown"></ion-icon>

            </button>

          </ion-col>

          <ion-col col-1 (click)="remove_system(i)" *ngIf="delete_is_visable">

            <div class="delete-btn">

              <ion-icon name="trash"></ion-icon>

            </div>

          </ion-col>

         
          

          <ion-col col-12>

                <ion-input type="text" value="" class="sys-descrip" placeholder="System Description"></ion-input>

          </ion-col>

                           

          <ion-col col-12><p class="repair-detailsa-all-con" *ngFor="let item of user_selected_service_data; let i=index" >{{item.name}}</p></ion-col>

       

          </ion-row>

```

**modatlCheckbox.ts**

```auto
close(){

   

    this.viewCtrl.dismiss(this.selectedArray);

  }

  selectMember(data,i){

  

  if(data.checked ==true){

    

    this.selectedArray[0].push(data)

  }

  else{

    let newArray = this.selectedArray.filter(function(el) {

      return el.id !== data.id;// id set is the static object. it will check according database response

   });

    this.selectedArray = newArray;

    //this.text_field =false;

  }

    console.log(this.selectedArray);

    

}

```

Please check