Angular 错误类型错误：无法读取属性'；0'；使用{{myvideo[currentSlideIndex]？.title}在Object.eval[as updateRenderer]上定义未定义的

在ts代码中，我有

 <mat-carousel ... (change)="currentSlideIndex = $event ;toggleVideo1()">
        <mat-carousel-slide #matCarouselSlide *ngFor="let event of myvideo; let i = index"
                      overlayColor="#00000040" [hideOverlay]="true">
                              <video *ngIf="event?.Video" controls style="width: 100%;">
                              <source src="{{event?.Video}}" type="video/mp4">
                            </video>
        </mat-carousel-slide>
           {{myvideo[currentSlideIndex]?.title}}
        </mat-carousel>

currentSlideIndex:number=0

在html代码中，我有

 <mat-carousel ... (change)="currentSlideIndex = $event ;toggleVideo1()">
        <mat-carousel-slide #matCarouselSlide *ngFor="let event of myvideo; let i = index"
                      overlayColor="#00000040" [hideOverlay]="true">
                              <video *ngIf="event?.Video" controls style="width: 100%;">
                              <source src="{{event?.Video}}" type="video/mp4">
                            </video>
        </mat-carousel-slide>
           {{myvideo[currentSlideIndex]?.title}}
        </mat-carousel>


{{myvideo[currentSlideIndex]？.title}

在旋转木马中，我有3个滑块，索引为0、1、2

在索引0中显示错误

错误类型错误：无法读取未定义的属性“0”
在Object.eval[作为更新者]

可能在启动页面时没有加载对象，可能是请求。因此，您需要使用IF语句进行保护：
{{myvideo！=null？myvideo[currentSlideIndex]？。标题：'}}