Advertisement
Guest User

Untitled

a guest
Sep 9th, 2017
496
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.45 KB | None | 0 0
  1. <p-dataTable [value]="results">
  2. <p-column *ngFor="let col of resultsFieldArray" [field]="col.field_name" [header]="col.field_label">
  3. <ng-template let-col let-user="rowData" let-i="rowIndex" pTemplate="body">
  4. <button type="button" pButton (click)="editUser(user,i)"></button>
  5. </ng-template>
  6. </p-column>
  7. </p-dataTable>
  8.  
  9. export class AppComponent {
  10. private resultsFieldArray: Array<any> = [];
  11. private results: Array<any> = [];
  12.  
  13. constructor() {
  14. this.resultsFieldArray = [{
  15. "field_label": "Contact Type",
  16. "field_name": "contact_type"
  17. }, {
  18. "field_label": "First Name",
  19. "field_name": "first_name"
  20. }, {
  21. "field_label": "Last Name",
  22. "field_name": "last_name"
  23. }, {
  24. "field_label": "Email",
  25. "field_name": "email"
  26. }];
  27.  
  28. this.results = [{
  29. "contact_type": "individual",
  30. "first_name": "chandru",
  31. "last_name": "ismera",
  32. "email": "xyz@gmail.com"
  33. }, {
  34. "contact_type": "individual",
  35. "first_name": "david",
  36. "last_name": "williams",
  37. "email": "xyz@gmail.com"
  38. }, {
  39. "contact_type": "individual",
  40. "first_name": "alex",
  41. "last_name": "smith",
  42. "email": "xyz@gmail.com"
  43. }];
  44. }
  45.  
  46. editUser(user: any, index: number) {
  47. console.log('user', user);
  48. console.log("here", index);
  49. }
  50. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement