how to fetch the nested json array and show in click function

html

-----

<tbody>
 <tr *ngFor="let application_category of dashboard_data?.application_info?.category;let i=index;l">
         <td>{{i+1}}</td>
         <td>{{application_category.label}}</td>

</tbody>

<tbody>
       <tr *ngFor="let k=index">
         <td>{{k+1}}</td>
         <td>code_type</td>                                    
        </tr>

</tbody>

ts

----

 getManageDashboardDetails(){
    this.loaderService.display(true);
  
   const headers = new Headers({
   'Authorization': localStorage.getItem('Token'),
   'Content-Type': 'application/json'
  });
  const options = new RequestOptions({
   headers: headers
  });
     this.service.get(options, services.dashboard_service).subscribe((response) => {
     if (response.status === 200) {
         this.dashboard_data = response.json().dashboard_details;
       this.generateChart();
         this.loaderService.display(false);
        }

      }, (err) => {

    })
  }

json

------

    "category": [
                {
                    "application": [
                        {
                            "image": "image",
                            "status": "disable",
                            "code_type": "sparkr_code"
                        },
                        {
                            "image": "image",
                            "status": "disable",
                           "code_type": "sparkr_code"
                        },
                        {
                            "image": "image",
                            "status": "disable",
                           "code_type": "sparkr_code"
                        }
                    ],
                    "total_app_count": 12,
                    "enable_app_count": 4,
                    "name": "retail",
                    "label": "Retail",
                    "status": "enable"
                },
                {
                    "application": [
                        {
                            "image": "image",
                            "icon_name": "icmn-user-check",
                           "code_type": "R_code"
                        },
                        {
                            "image": "image",
                            "status": "disable",
                            "code_type": "R_code"
                        },
                        {
                            "image": "image",
                            "icon_name": "icmn-star-full",
                            "code_type": "R_code"
                        },
                    ],
                    "total_app_count": 8,
                    "enable_app_count": 0,
                    "name": "finance",
                    "label": "Finance",
                    "status": "disable"
                },
                ]

Hi, i have to fetch the code_type from json and show , when i click the <td>{{application_category.label}}</td> using click function.

       R_code will display in <td>code_type</td> when i click <td>{{application_category.label}}</td>