Angular matTooltip，在渲染内部时未在正确位置显示*ngFor和TR>；运输署

我尝试使用matTooltip，在*ngFor内部，HTML结构类似于Table>TR>TD，在TD中我使用matTooltip，但它显示出与实际位置不同的地方，请参见屏幕截图

HTML是这样的：

                 <ng-container *ngFor="let row of timesheetMatrix | keyvalue">
                  <tr>
                    <td [innerHTML]="getTdTitleTextForProjectTaskActivity(row.key, 0)"></td>
                    <td [innerHTML]="getTdTitleTextForProjectTaskActivity(row.key, 1)"></td>
                    <td [innerHTML]="getTdTitleTextForProjectTaskActivity(row.key, 2)"></td>
                    <ng-container *ngFor="let dayVal of row.value; let i = index;">
                      <td [class.isHolidayOrWeekend]="i > 4">
                        <span>{{dayVal?.text}}</span>
                        <ng-container *ngIf="dayVal?.description?.length > 0;  trackBy: trackByFn">
                          <span>
                            <mat-icon class="hasDescription" matTooltip="'dayVal?.description'"  #tooltip="matTooltip">info</mat-icon>
                          </span>
                        </ng-container>
                      </td>
                    </ng-container>
                      </tr>
                 </ng-container>

{{dayVal？.text}
信息

请帮忙

---

使用

mattooltiposition

{{dayVal？.text}
信息

使用

mattooltiposition

从matTooltip值中删除单引号，这样您的实际值就会显示出这一点，不幸的是没有任何好处。您可以为相同的值创建stackblitz吗？

   <ng-container *ngFor="let row of timesheetMatrix | keyvalue">
              <tr>
                <td [innerHTML]="getTdTitleTextForProjectTaskActivity(row.key, 0)"></td>
                <td [innerHTML]="getTdTitleTextForProjectTaskActivity(row.key, 1)"></td>
                <td [innerHTML]="getTdTitleTextForProjectTaskActivity(row.key, 2)"></td>
                <ng-container *ngFor="let dayVal of row.value; let i = index;">
                  <td [class.isHolidayOrWeekend]="i > 4">
                    <span>{{dayVal?.text}}</span>
                    <ng-container *ngIf="dayVal?.description?.length > 0;  trackBy: trackByFn">
                      <span>
                        <mat-icon class="hasDescription" [matTooltip]="dayVal?.description" [matTooltipPosition]="after" #tooltip="matTooltip">info</mat-icon>
                      </span>
                    </ng-container>
                  </td>
                </ng-container>
                  </tr>
             </ng-container>