Angular HTML不会将数据传递给组件

Question

我有一个列表，如果单击其中一个元素，它将展开子列表。但是，我无法将数据发送到组件。

<ul>
     <ng-template #recursiveList let-list>
       {{selectedItem}}
       <li *ngFor="let photo of photos" 
     (click)="getsubfolders($event, 
      photo.albumName)">
              {{photo.albumName}}

              <ul *ngIf="photo.folder?.length > 0">

                  <div (click)="getNew(photo.foldernames)">{{photo.foldernames}}     

                  </div>   
              </ul>
            </li>
          </ng-template>
          <ng-container *ngTemplateOutlet="recursiveList; context:{ $implicit: photos }"></ng-container>
        </ul> 

它无法在getNew函数上传递photo.foldernames，而在div中打印文件夹名称。 有人可以帮忙吗？