Angular 仅显示对象数组的第一项

我有一个数组，我想从中显示跨度中的第一项

现在我得到的是所有的值，而不是第一个值

  <div class="card">  
    <div *ngIf="selectedUser._id">
      <div class="user" *ngFor="let user of users">
             <span>  {{ user.event }} </span>
            </div>
  </div>
  </div>

---

使用下面的简单方法

<div class="card">  
    <div *ngIf="selectedUser._id">
      <div class="user">
         <span>  {{ users[0].event }} </span>
      </div>
    </div>
</div>

{{用户[0]。事件}

您可以使用

切片

管道

<div class="user" *ngFor="let user of users | slice:0:1;">
    <span>  {{ user.event }} </span>
</div>

{{user.event}}

{{用户[0]}

您不需要

<div class="card">  
    <div>
      <div class="user">
             <span>    {{ users[0].event | date:'medium' }} </span>
     </div>
</div>  

{{用户[0]。事件|日期：'medium'}

---

日期在哪里？可以使用用户的post结构吗？这是解决这个问题的最简单的解决方案，因为我想，不幸的是，我尝试了这个方法，我得到了TypeError:无法读取未定义的属性'date'。请解释你的答案以及它是如何解决问题的。

<div class="card">
  <div>
    <div class="user">
      <div>{{users[0]}}</div>
    </div>
  </div>
</div> 

<div class="card">  
    <div>
      <div class="user">
             <span>    {{ users[0].event | date:'medium' }} </span>
     </div>
</div>