javascript - 如何将 Angular 中两个值中的第一个值发送到节点？

Question

点击按钮我得到了两个folderid，现在我只想发送服务中的第一个folderid，这怎么可能？

参见下面的屏幕截图，单击folder-1(folderid为1230)，它会打开并使用folderid显示folder-1内的四个文件夹。现在我单击folder-1-1(folderid为1231)，但需要两个folderid 1231和1230都可以在控制台中看到仅获取一个folderid的可能性，或者是否有其他可能性仅将第一个folderid发送到服务器端？

HTML

<div *ngFor="let folder of folderObjs" (click)="getFolderName(folder.folderid)">{{folder.folderName}}
  <div *ngFor="let pattern of patternObj" (click)="getFolderName(pattern.folderid)">
    {{pattern.folderName}}
  </div>
</div>

TS

getFolderName(folderid){
   console.log(folderid); // 1231
                             1230
   this.userService.getFolderName({'folderid': folderid}).subscribe(
    (data) => {
      console.log(data.payload); 
    }
  )
}

Answer 1

问题是内部点击冒泡到父级 - 这应该可以解决问题:

<div *ngFor="let folder of folderObjs" (click)="getFolderName($event, folder.folderid)">{{folder.folderName}}
  <div *ngFor="let pattern of patternObj" (click)="getFolderName($event, pattern.folderid)">
    {{pattern.folderName}}
  </div>
</div>

和

getFolderName(e, folderid){
   e.cancelBubble = true;
   this.userService.getFolderName({'folderid': folderid}).subscribe(
    (data) => {
      console.log(data.payload); 
    }
  )
}