Angular 用于创建列但不显示数据

我对离子型/角度型非常陌生，对ngFor有问题。现在，下面的ngFor按预期创建列和卡片，但是卡片中没有显示来自我的项目的数据。我不明白为什么创建了列/卡，但是{{items.key}}数据没有显示在其中。任何帮助都将不胜感激

（另外，这是我在这里的第一个问题，如果我使用了不正确的标签或任何东西，请告诉我）

html文件：

<ion-content>
<ion-grid>
<ion-row wrap>
  <ion-col *ngFor="let item of items" >
    <ion-card>
      <img src="assets/icon/tuneImage.png" />
      <ion-card-header>
        <ion-card-subtitle></ion-card-subtitle>
        <ion-card-title>{{items.key}}</ion-card-title>
      </ion-card-header>
      <ion-card-content>
      </ion-card-content>
    </ion-card>
  </ion-col>
</ion-row>
</ion-grid>
</ion-content>

{{items.key}

.ts文件：

export class Page2Page implements OnInit {
 public items:any;
 data: Observable<any>;

  constructor(public http: HttpClient) { }

  ngOnInit() {
        var url = 'https://thesession.org/tunes/new?format=json';
        this.data = this.http.get(url);
        this.data.subscribe(data =>{
        this.items  = Object.assign([], data.settings);
        //console.log(this.items[1].key);
        })
        }
  } 

导出类Page2Page实现OnInit{
公共物品：任何；
数据：可观察
，因为键是每个项目的属性，而不是项目数组的属性。因此它应该是
项目。键
，而不是
项目。键

你真的应该避免在任何地方使用
any
类型。使用正确的类型会使这一点更加明显。在AOT模式下编译甚至会产生错误，而不仅仅是什么都不显示。
因为键是每个项的属性，而不是项数组的属性。因此它应该是
item.key
，而不是
项。键

你真的应该避免在任何地方使用
any
类型。使用正确的类型会使这一点更加明显。在AOT模式下编译甚至会产生错误，而不仅仅是什么都不显示。
有两件事

（i） 您可以简单地分配设置，因为它以数组形式返回数据。此外，绑定数据时应使用正确的类型。您可以使用为您的类型创建模型

  this.items  = data.settings;

（ii）它应该是
而不是items.key，因为
项中有对象

<ion-col *ngFor="let item of items" >
    <ion-card>
      <img src="assets/icon/tuneImage.png" />
      <ion-card-header>
        <ion-card-subtitle></ion-card-subtitle>
        <ion-card-title>{{item.key}}</ion-card-title>
      </ion-card-header>
      <ion-card-content>
      </ion-card-content>
    </ion-card>
</ion-col>


{{item.key}
有两件事

（i） 您可以简单地分配设置，因为它以数组形式返回数据。此外，绑定数据时应使用正确的类型。您可以使用为您的类型创建模型

  this.items  = data.settings;

（ii）它应该是
而不是items.key，因为
项中有对象

<ion-col *ngFor="let item of items" >
    <ion-card>
      <img src="assets/icon/tuneImage.png" />
      <ion-card-header>
        <ion-card-subtitle></ion-card-subtitle>
        <ion-card-title>{{item.key}}</ion-card-title>
      </ion-card-header>
      <ion-card-content>
      </ion-card-content>
    </ion-card>
</ion-col>


{{item.key}
我想应该是
item.key
…我想应该是
item.key
…啊，谢谢！我不敢相信我现在错过了，我明白了，从现在起我会避免“任何”。啊，谢谢！我不敢相信我现在错过了，我明白了，我会避免“任何”从现在开始。也感谢您的回复！我很震惊我没有看到这些项目。键不正确也感谢您的回复！我很震惊我没有看到这些项目。键不正确