错误“无法将值转换为字典。”

Question

我对自动滚动div有问题。我已经在<mat-card>中列出了数据，我想当我单击按钮时，<mat-card>滚动会自动滚动到元素<mat-card>等于true的位置。 这样的示例代码。

HTML

<div *ngFor="let d of detail.value"  [data]="d">
 <mat-card [id]="detailData.key" [style.border]="detailData.selected ? '2.5px solid #FD8023' : ''">

    <ng-container>Contents list display here</ng-container>

</<mat-card>
</div>

这部分正在工作[style.border]="detailData.selected ? '2.5px solid #FD8023' : ''"

组件

   ngOnInit() {
   const myNode = this.detailData.selected;
   console.log(myNode)
   scroll(myNode)
  }

  scroll(myNode: HTMLElement){
    if (myNode) {
      console.log(myNode)
      myNode.scrollIntoView()

     }

  }

错误部分scroll(myNode)

  

错误TypeError：“值无法转换为字典。”

我提供了单项选择的模拟功能，使您更加清楚我的需求。

Stackblitz