如何在for循环中使用ngbDatepicker

Question

在表单数组中使用“ ngbDatepicker”时遇到问题。日期输入无法打开。我认为是因为toggle（）函数无法正确调用。

我试图创建toggleDate函数并使用此代码调用toggle（）

toggleDate(event){
  var f = new Function(event+'.toggle()');  
  f();
}

我也放了

(click)="this[toggle]()"

在我的html输入日期中，但这不起作用

这是我的HTML代码

<div formArrayName="appntTimes" *ngFor="let appnts of 
   inputForm.controls.appntTimes?.value; let i = index">
   <div [formGroupName]="i">
    <div class="form-group row">
      <label class="col-2 control-label col-form-label">Date</label>
        <div class="col-7">
           <div class="input-group date" >
             <input class="form-control m-b" formControlName="annceDate1" id="{{'annceDate1'+i}}" name="{{'annceDate1'+i}}" ngbDatepicker #annceDate1{{i}}="ngbDatepicker"
              placeholder="DD/MM/YYYY" (click)="toggleDate($event)"/>
             <span class="input-group-addon" >
                  <i class="fa fa-calendar"></i>
             </span>
            </div>
           </div>
         </div>
   </div>
</div>

我在页面中使用了多个日期选择器，并且效果很好，但是当我将其放置在ngFor循环中并使用索引来定义其名称和ID时，它就行不通了。