Angular 获取角度异步管道中第一个对象的属性

我使用rxjs和angular 6，我有以下简单的html通过异步管道呈现一组数据

          <div *ngIf='results | async ; let items '>                                                
            <div *ngFor='let item of items'>
              <div>                    
                {{item.name}} already exists
              </div> 
            </div> 
          </div>

{{item.name}}已存在

现在，我不想渲染所有的图像，只渲染第一个图像，所以我尝试做如下操作

          <div *ngIf='results | async ; let items '>                                                
            <div *ngIf='items.length>0'>
              <div>                    
                {{items[0].name}}  already exists
              </div> 
            </div> 
          </div>

{{items[0].name}}已存在

items[0]

没有错误，并且

items[0]。name

可以工作，但我在控制台中无法读取未定义的

的属性“name”

我该如何解决这个问题

谢谢

{{items[0]？.name}}已存在
请检查添加此->项[0]？。名称如果添加
{{items[0]|json}
，您会在模板中看到什么？您可以使用observable.pipe（take（1））；然后像在第一个示例中一样继续。
<div *ngIf='results | async ; let items;'>                                                
  <div>{{items[0]?.name}}  already exists</div> 
</div>