Angular 2：在ngFor循环中保存变量以便在循环外使用

我有一个由for循环@L_616_2@的变种列表.该列表中的每个项目旁边都有一个按钮,以便可以删除特定的列表项.每个按钮都会打开一个模态,您可以在其中确认是否要删除该变种.我不想在页面上有无限量的模态,所以我将模态放在for循环之外,并希望将id从初始删除按钮传递给模态,以便模态知道要删除的变体.我认为为了做到这一点,我需要创建一个变量.我通过在初始删除按钮中放置#varietyTodelete =“{{variety.PerProjectVarietyID}}”来尝试这个,然后在模态中的最终删除按钮内,我添加了这个:( click)=“removeVariety(#varietyToDelete)”

为了更好地查看我的代码,这里是我拥有的for循环的相关部分：

<div *ngFor="let variety of varieties; let i=index">
    ...
    <div class="varietyName">            
            <a href="#deleteVarietySelling" #varietyTodelete="{{variety.PerProjectVarietyID}}" data-toggle="modal">
                <i class="fa fa-minus"></i>
            </a>
        </div>
    </div>
</div>

这是我的模态,我想将该变量传递给：

<div class="modal fade alert" id="deleteVarietySelling" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <a href="#" class="close-modal" data-dismiss="modal">&times;</a>
                <p class="confirmation-message">
                    Are you sure you want to delete this variety?
                </p>
                <div class="row">
                    <div class="removeCancel">
                        <a href="#" class="cancel-button" data-dismiss="modal">Cancel</a>
                        <a href="#" class="remove-button" (click)="removeVariety(#varietyToDelete)">Remove</a> 
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

当我尝试这个时,我收到以下错误：

有没有办法得到我想要做的工作？我的语法是关闭的,还是我需要完全采用不同的方法？

import { ViewChild } from '@angular/core';

@ViewChild('mymodal')
mymodal: any;

<div bsModal #mymodal="bs-modal" class="modal fade alert" id="deleteVarietySelling" tabindex="-1">
    ...
</div>

varietyToRemove: any;

public showModal(variety: any): void {
    this.childModal.show();
    this.varietyToRemove = variety;
}

<a href="#deleteVarietySelling" (click)="showModal(variety)">
    <i class="fa fa-minus"></i>
</a>

<a href="#" class="remove-button" (click)="removeVariety(varietyToRemovE)">Remove</a>