html - 如何在 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 时，它不起作用。