在Angular中，可以使用ngFor指令来循环遍历数组并在前端显示为列表。下面是一个示例代码：

app.component.ts

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

@Component({
  selector: 'app-root',
  template: `
    
List of Items
    

      
{{ item }}
    
  `,
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  items: string[] = ['Item 1', 'Item 2', 'Item 3', 'Item 4'];
}

在上面的代码中，AppComponent类中定义了一个名为items的字符串数组，并初始化了一些示例数据。在模板中，使用*ngFor指令来循环遍历items数组，并使用{{ item }}语法显示每个数组项。

注意：需要确保在模板中引入了Angular的公共模块，例如FormsModule或ReactiveFormsModule。

此外，还可以在ngFor指令中使用索引变量，如下所示：

  
{{ i + 1 }}. {{ item }}

在上面的代码中，通过let i = index定义了一个名为i的索引变量，并使用{{ i + 1 }}语法在列表中显示每个项的索引号。