显示数组的第一个元素而不循环

Question

我有一个数组，我想从中显示 span 中的第一项。

目前我得到了所有的价值，而不仅仅是第一个。

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

它返回我所有用户日期事件的列表，我只想要第一个

我还尝试添加 user.event[0] 不起作用，它向我显示日期的第一个字符

我的对象数组

[
   {
      id:XYZ, 
      event: Fri Jul 20 2018 15:00:04 GMT+0200 (CEST)
   }, {
      id:XYZ1, 
      name: Fri Jul 10 2018 15:00:04 GMT+0200 (CEST)
   }, {
      id:XYZ2, 
      name: Fri Aug 20 2018 15:00:04 GMT+0200 (CEST)
   }
]

我尝试了这个解决方案，该解决方案有效并实现了我想要的

<div class="message" *ngFor="let user of users | slice:0:1;"> 

但我知道这是循环遍历数组，我需要获取第一个元素而不执行它。

我已经尝试过这个：

<span> {{ users[0].event }} </span>

它向我抛出错误，因为有时事件未定义

Answer 1

您应该检查数组项是否为空

<span> {{ users && users.length ? users[0].event : '' }} </span>