Angular 5- ngOnInit中的数据循环

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {
  data: any[]; // 假设这是要循环处理的数据

  ngOnInit(): void {
    this.getData(); // 获取数据
    this.processData(); // 处理数据
  }

  getData(): void {
    // 从后端或其他数据源获取数据
    // 这里只是一个示例，假设数据已经获取到了
    this.data = [
      { id: 1, name: 'John' },
      { id: 2, name: 'Jane' },
      { id: 3, name: 'Bob' }
    ];
  }

  processData(): void {
    // 对数据进行循环处理
    for (const item of this.data) {
      console.log(item.name);
      // 在这里可以进行其他操作，如数据过滤、排序等
    }
  }
}

<ul>
  <li *ngFor="let item of data">{{ item.name }}</li>
</ul>