Angular 不带*ngFor的离子html数组

如何在不必使用ngFor的情况下从离子3中的阵列获取数据

例如，这是有效的

  <ion-item-sliding *ngFor="let user of users">
    <ion-item>
      <ion-grid>
        <ion-row>
          <ion-col>
            <strong>Name:</strong>
          </ion-col>
          <ion-col>
            {{user.name}}
          </ion-col>
        </ion-row>
      </ion-grid>
    </ion-item> 
    <ion-item-options side="left">
      <button ion-button (click)="delete()">
        <ion-icon name="ios-trash"></ion-icon> Delete
      </button>
    </ion-item-options>
  </ion-item-sliding>

---

谢谢

正如Alex所说，您可以使用提供的示例

如果不确定数组是否有任何对象，可以执行类似于

{{users.length>0？users[0]。id:'}}

或者，如果要显示多个字段：

<div *ngIf="users.length > 0">
  <span>{{ users[0].id }}</span>
<div>

{{用户[0].id}

---

如果您还需要检查undefined或null，只需将其添加到检查中即可。 例如：

{{用户[0].id}

是的，您可以使用{{users[0].id}}这似乎对我不起作用？它返回

undefined不是对象（评估'\u co.users[0].id'）

，但在ngFor循环中有效？抱歉，如果我遗漏了一些明显的东西，我对棱角和离子相当陌生！那么_co、users或users[0]都是未定义的。如果你找到了可以查的。通常在获取数据之前它是未定义的，这就是它失败的原因。

<div *ngIf="users.length > 0">
  <span>{{ users[0].id }}</span>
<div>

<div *ngIf="users !== undefined && users !== null && users.length > 0">
  <span>{{ users[0].id }}</span>
<div>