如何解析json文件中的对象列表并显示它？

我试图使用import方法解析json文件，这就是我的代码

import { Component } from '@angular/core';
import * as data from './cities.json';


@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})


export class AppComponent {
  title = 'weather-app';

  cities: any = (data as any).default;

constructor(){}
 ngOnInit(){
console.log(data);
 }
}

这就是我试图展示它的方式

<ul *ngFor="let c of cities"> 
<li>{{c.CityName}}</li>    
</ul>

---

这是因为根对象不是数组类型，而是

{ 
  List: city[]
}

您可以访问属性

列表

<ul *ngFor="let c of cities.List"> 
<li>{{c.CityName}}</li>    
</ul>

{{c.CityName}

---

注意：您的代码需要重构，因为它看起来不是干净的代码。我的回答只是想告诉你错误在哪里

谢谢！是的，我知道它不干净，我只是写它来看看数据是否被正确解析：）

<ul *ngFor="let c of cities.List"> 
<li>{{c.CityName}}</li>    
</ul>