Guest User

Untitled

a guest
Apr 21st, 2018
88
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.34 KB | None | 0 0
  1. trackByIndex(index: number, obj: any): any {
  2. return index;
  3. }
  4.  
  5. <div *ngFor="let comment of comments; let i = index; trackBy: trackByIndex">
  6. {{ i, comment.text }}
  7. <div *ngFor="let answer of comment.answers; let j = index; trackBy: trackByIndex">{{ j, answer.text }}</div>
  8. </div>
  9.  
  10. "comment 1": {
  11. "answer 1",
  12. "answer 2"
  13. },
  14. "comment 2": {
  15. "answer 1", // должен быть индекс 3
  16. "answer 2" // должен быть индекс 4
  17. }
  18.  
  19. <div *ngFor="let comment of comments; let i = index; trackBy: trackByIndex">
  20. {{ i, comment.text }}
  21. <div *ngFor="let answer of comment.answers; let j = index; trackBy: trackByIndex">{{ answer.text }} {{counter++}}</div>
  22. </div>
  23.  
  24. counter: number = 0;
  25.  
  26. import { Component } from "@angular/core";
  27.  
  28. @Component({
  29. selector: "app-root",
  30. template: `
  31. <ul class="nth-reset">
  32. <li *ngFor="let x of data; let i = index">
  33. Section {{i+1}}
  34. <ul>
  35. <li *ngFor="let y of x" class="nth-inc">
  36. {{y}} is item #<span class="nth"></span>
  37. </li>
  38. </ul>
  39. </li>
  40. </ul>
  41. `,
  42. styles: [`
  43. .nth-reset { counter-reset: nth 0 }
  44. .nth-inc {counter-increment: nth }
  45. .nth:after { content: counter(nth) }
  46. `]
  47. })
  48. export class AppComponent {
  49. data = [
  50. ["1-A", "1-B", "1-C"],
  51. ["2-A", "2-B"],
  52. ["3-A", "3-B", "3-C", "3-D"]
  53. ];
  54. }
Add Comment
Please, Sign In to add comment