Ng-bootstrap在For循环中动态更改#id

Question

我在Angular 4应用程序中使用ng-bootstrap。我尝试在For循环中动态更改ng-template标签中的#id，但不幸的是没有成功。如果有人有想法，我会非常感激。 这是我的html文件。

<tr *ngFor="let page of clientsPagesData; let i = index;">
                          <td>
                            {{page.clientPage.title}}
                          </td>
                          <td [innerHTML]="page.clientPage.content">
                          </td>
                          <td>
                            <button (click) = "editPage('editContent'+i)" class="btn btn-outline-primary">Edit/View</button>
                            
                            <ng-template #editContent{{i}} let-c="close" let-d="dismiss">
                              <div class="modal-header">
                                <h4 class="modal-title">View/Edit page</h4>
                                <button type="button" class="close" aria-label="Close" (click)="d('Cross click')">
                                  <span aria-hidden="true">&times;</span>
                                </button>
                              </div>
                              <div class="modal-body">
                                Modal content
                                 
                              </div>
                            </ng-template>
                          </td>
                        </tr>

问题在于这段代码：ng-template #editContent {{i}}

再次感谢您的帮助:)）