diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/pd-report/pd-report.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/pd-report/pd-report.component.html
index 366f2a5f3..174555bf2 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/pd-report/pd-report.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/pd-report/pd-report.component.html
@@ -9,31 +9,35 @@
         </div>
         <div>
             <div>
-                <label>Billing Name : </label> {{pdReportRecords.billing_name}}
+                <label>Billing Name : </label> {{pdReportRecords?.billing_name}}
             </div>
             <div>
-                <label>Product Name : </label> {{pdReportRecords.product_name}}
+                <label>Product Name : </label> {{pdReportRecords?.product_name}}
             </div>
             <div>
-                <label>Customer Segment Name: </label> {{pdReportRecords.customer_segment_name}}
+                <label>Customer Segment Name: </label> {{pdReportRecords?.customer_segment_name}}
             </div>
             <div>
-                <label>PD Type: </label> {{pdReportRecords.pd_type_name}}
+                <label>PD Type: </label> {{pdReportRecords?.pd_type_name}}
             </div>
             <div>
-                <label>Status: </label> {{pdReportRecords.pd_status}}
+                <label>Status: </label> {{pdReportRecords?.pd_status}}
             </div>
             <div>
-                <label>Applicant Details : </label> <span *ngFor="let applicants of pdReportRecords?.pd_applicant_details; let last = last"> {{applicants.applicant_name}} <span *ngIf="!last"> , </span></span>
+                <label>Applicant Details : </label> 
+                <span *ngFor="let applicants of pdReportRecords?.pd_applicant_details; let last = last"> {{applicants.applicant_name}} <span *ngIf="!last"> , </span></span>
             </div>
             <!--{{pdReportRecords.question_answers | json}}-->
           <div *ngFor="let data of pdReportRecords?.question_answers.form_details">
-              <h4><b>{{data.Name}}</b></h4>
-              <div *ngFor="let dataQA of data?.Details">
-                  <div><b>{{dataQA.question}}</b></div>
-                  <div>{{dataQA.answer}}</div>
-              </div>
+            
+              <div *ngIf="data?.details.length > 0">
+                <h4><b>{{data.name}}</b></h4>
+                <div *ngFor="let dataQA of data?.details">
+                    <div><b>{{dataQA.question}}</b></div>
+                    <div>{{dataQA.answer}}</div>
+                </div>
               <hr>
+              </div>
           </div>
         </div>
     </mat-card-content>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/pd-report/pd-report.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/pd-report/pd-report.component.ts
index 94f65d910..ffeebb0ca 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/pd-report/pd-report.component.ts
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/pd-report/pd-report.component.ts
@@ -248,8 +248,7 @@ export class PdReportComponent implements OnInit {
               }
             }
 
-            this.pdReportRecords = Records.records;
-
+            this.pdReportRecords = data.records;
         // this.pdReportRecords = data.records.qu;
           }
     }, err=> {